#A8D9F7 - #41A0C6 | 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 #A8D9F7 to #41A0C6

#A8D9F7 #41A0C6

Calculate the color between two colors, #A8D9F7 and #41A0C6. 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)

#A8D9F7 - #41A0C6 | 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 #A8D9F7 as 0% and #41A0C6 as 100%.

0.0%	0.0% #A8D9F7	RGB 168 217 247	#A8D9F7
16.7%	16.7% #96CFEE	RGB 150 207 238	#96CFEE
33.3%	33.3% #85C6E6	RGB 133 198 230	#85C6E6
50.0%	50.0% #74BCDE	RGB 116 188 222	#74BCDE
66.7%	66.7% #63B3D6	RGB 99 179 214	#63B3D6
83.3%	83.3% #52A9CE	RGB 82 169 206	#52A9CE
100.0%	100.0% #41A0C6	RGB 65 160 198	#41A0C6

#A8D9F7 #96CFEE #85C6E6 #74BCDE #63B3D6 #52A9CE #41A0C6

#A8D9F7 - #41A0C6

HSV Blend

#A8D9F7 - #41A0C6 | 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 #A8D9F7 as 0% and #41A0C6 as 100%.

0.0%	0.0% #A8D9F7	RGB 168 217 247	#A8D9F7
16.7%	16.7% #94CDEE	RGB 148 205 238	#94CDEE
33.3%	33.3% #81C3E6	RGB 129 195 230	#81C3E6
50.0%	50.0% #70B9DE	RGB 112 185 222	#70B9DE
66.7%	66.7% #5FB0D6	RGB 95 176 214	#5FB0D6
83.3%	83.3% #4FA8CE	RGB 79 168 206	#4FA8CE
100.0%	100.0% #41A0C6	RGB 65 160 198	#41A0C6

#A8D9F7 #94CDEE #81C3E6 #70B9DE #5FB0D6 #4FA8CE #41A0C6

#A8D9F7 - #70B9DE - #41A0C6

CSS codes

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

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