#C0D7FF - #5E8FDB | 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 #C0D7FF to #5E8FDB

#C0D7FF #5E8FDB

Calculate the color between two colors, #C0D7FF and #5E8FDB. 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)

#C0D7FF - #5E8FDB | 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 #C0D7FF as 0% and #5E8FDB as 100%.

0.0%	0.0% #C0D7FF	RGB 192 215 255	#C0D7FF
16.7%	16.7% #AFCBF9	RGB 175 203 249	#AFCBF9
33.3%	33.3% #9FBFF3	RGB 159 191 243	#9FBFF3
50.0%	50.0% #8FB3ED	RGB 143 179 237	#8FB3ED
66.7%	66.7% #7EA7E7	RGB 126 167 231	#7EA7E7
83.3%	83.3% #6E9BE1	RGB 110 155 225	#6E9BE1
100.0%	100.0% #5E8FDB	RGB 94 143 219	#5E8FDB

#C0D7FF #AFCBF9 #9FBFF3 #8FB3ED #7EA7E7 #6E9BE1 #5E8FDB

#C0D7FF - #5E8FDB

HSV Blend

#C0D7FF - #5E8FDB | 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 #C0D7FF as 0% and #5E8FDB as 100%.

0.0%	0.0% #C0D7FF	RGB 192 215 255	#C0D7FF
16.7%	16.7% #AEC9F9	RGB 174 201 249	#AEC9F9
33.3%	33.3% #9CBDF3	RGB 156 189 243	#9CBDF3
50.0%	50.0% #8CB0ED	RGB 140 176 237	#8CB0ED
66.7%	66.7% #7CA5E7	RGB 124 165 231	#7CA5E7
83.3%	83.3% #6C99E1	RGB 108 153 225	#6C99E1
100.0%	100.0% #5E8FDB	RGB 94 143 219	#5E8FDB

#C0D7FF #AEC9F9 #9CBDF3 #8CB0ED #7CA5E7 #6C99E1 #5E8FDB

#C0D7FF - #8CB0ED - #5E8FDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D7FF 0%, #8CB0ED 50%, #5E8FDB 100%);
    background: -webkit-linear-gradient(top, #C0D7FF 0%, #8CB0ED 50%, #5E8FDB 100%);
    background: linear-gradient(to bottom, #C0D7FF 0%, #8CB0ED 50%, #5E8FDB 100%);
}
</style>