#C5DCE9 - #6F92B5 | 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 #C5DCE9 to #6F92B5

#C5DCE9 #6F92B5

Calculate the color between two colors, #C5DCE9 and #6F92B5. 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)

#C5DCE9 - #6F92B5 | 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 #C5DCE9 as 0% and #6F92B5 as 100%.

0.0%	0.0% #C5DCE9	RGB 197 220 233	#C5DCE9
16.7%	16.7% #B6CFE0	RGB 182 207 224	#B6CFE0
33.3%	33.3% #A8C3D7	RGB 168 195 215	#A8C3D7
50.0%	50.0% #9AB7CF	RGB 154 183 207	#9AB7CF
66.7%	66.7% #8BAAC6	RGB 139 170 198	#8BAAC6
83.3%	83.3% #7D9EBD	RGB 125 158 189	#7D9EBD
100.0%	100.0% #6F92B5	RGB 111 146 181	#6F92B5

#C5DCE9 #B6CFE0 #A8C3D7 #9AB7CF #8BAAC6 #7D9EBD #6F92B5

#C5DCE9 - #6F92B5

HSV Blend

#C5DCE9 - #6F92B5 | 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 #C5DCE9 as 0% and #6F92B5 as 100%.

0.0%	0.0% #C5DCE9	RGB 197 220 233	#C5DCE9
16.7%	16.7% #B4CFE0	RGB 180 207 224	#B4CFE0
33.3%	33.3% #A5C3D7	RGB 165 195 215	#A5C3D7
50.0%	50.0% #96B6CF	RGB 150 182 207	#96B6CF
66.7%	66.7% #88AAC6	RGB 136 170 198	#88AAC6
83.3%	83.3% #7B9EBD	RGB 123 158 189	#7B9EBD
100.0%	100.0% #6F92B5	RGB 111 146 181	#6F92B5

#C5DCE9 #B4CFE0 #A5C3D7 #96B6CF #88AAC6 #7B9EBD #6F92B5

#C5DCE9 - #96B6CF - #6F92B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5DCE9 0%, #96B6CF 50%, #6F92B5 100%);
    background: -webkit-linear-gradient(top, #C5DCE9 0%, #96B6CF 50%, #6F92B5 100%);
    background: linear-gradient(to bottom, #C5DCE9 0%, #96B6CF 50%, #6F92B5 100%);
}
</style>