#A8C8CA - #438293 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #A8C8CA to #438293

#A8C8CA #438293

Calculate the color between two colors, #A8C8CA and #438293. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#A8C8CA - #438293 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #A8C8CA as 0% and #438293 as 100%.

0.0%	0.0% #A8C8CA	RGB 168 200 202	#A8C8CA
16.7%	16.7% #97BCC0	RGB 151 188 192	#97BCC0
33.3%	33.3% #86B0B7	RGB 134 176 183	#86B0B7
50.0%	50.0% #75A5AE	RGB 117 165 174	#75A5AE
66.7%	66.7% #6499A5	RGB 100 153 165	#6499A5
83.3%	83.3% #538D9C	RGB 83 141 156	#538D9C
100.0%	100.0% #438293	RGB 67 130 147	#438293

#A8C8CA #97BCC0 #86B0B7 #75A5AE #6499A5 #538D9C #438293

#A8C8CA - #438293

HSV Blend

#A8C8CA - #438293 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #A8C8CA as 0% and #438293 as 100%.

0.0%	0.0% #A8C8CA	RGB 168 200 202	#A8C8CA
16.7%	16.7% #94BDC0	RGB 148 189 192	#94BDC0
33.3%	33.3% #81B1B7	RGB 129 177 183	#81B1B7
50.0%	50.0% #70A6AE	RGB 112 166 174	#70A6AE
66.7%	66.7% #609AA5	RGB 96 154 165	#609AA5
83.3%	83.3% #508E9C	RGB 80 142 156	#508E9C
100.0%	100.0% #438293	RGB 67 130 147	#438293

#A8C8CA #94BDC0 #81B1B7 #70A6AE #609AA5 #508E9C #438293

#A8C8CA - #70A6AE - #438293

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8CA 0%, #438293 100%);
    background: -webkit-linear-gradient(top, #A8C8CA 0%, #438293 100%);
    background: linear-gradient(to bottom, #A8C8CA 0%, #438293 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8CA 0%, #70A6AE 50%, #438293 100%);
    background: -webkit-linear-gradient(top, #A8C8CA 0%, #70A6AE 50%, #438293 100%);
    background: linear-gradient(to bottom, #A8C8CA 0%, #70A6AE 50%, #438293 100%);
}
</style>