#C2CEE3 - #5E6ABF | 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 #C2CEE3 to #5E6ABF

#C2CEE3 #5E6ABF

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

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

0.0%	0.0% #C2CEE3	RGB 194 206 227	#C2CEE3
16.7%	16.7% #B1BDDD	RGB 177 189 221	#B1BDDD
33.3%	33.3% #A0ACD7	RGB 160 172 215	#A0ACD7
50.0%	50.0% #909CD1	RGB 144 156 209	#909CD1
66.7%	66.7% #7F8BCB	RGB 127 139 203	#7F8BCB
83.3%	83.3% #6E7AC5	RGB 110 122 197	#6E7AC5
100.0%	100.0% #5E6ABF	RGB 94 106 191	#5E6ABF

#C2CEE3 #B1BDDD #A0ACD7 #909CD1 #7F8BCB #6E7AC5 #5E6ABF

#C2CEE3 - #5E6ABF

HSV Blend

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

0.0%	0.0% #C2CEE3	RGB 194 206 227	#C2CEE3
16.7%	16.7% #AFBEDD	RGB 175 190 221	#AFBEDD
33.3%	33.3% #9DAED7	RGB 157 174 215	#9DAED7
50.0%	50.0% #8C9DD1	RGB 140 157 209	#8C9DD1
66.7%	66.7% #7C8CCB	RGB 124 140 203	#7C8CCB
83.3%	83.3% #6C7BC5	RGB 108 123 197	#6C7BC5
100.0%	100.0% #5E6ABF	RGB 94 106 191	#5E6ABF

#C2CEE3 #AFBEDD #9DAED7 #8C9DD1 #7C8CCB #6C7BC5 #5E6ABF

#C2CEE3 - #8C9DD1 - #5E6ABF

CSS codes

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

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