#C2C5E3 - #6178AA | 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 #C2C5E3 to #6178AA

#C2C5E3 #6178AA

Calculate the color between two colors, #C2C5E3 and #6178AA. 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)

#C2C5E3 - #6178AA | 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 #C2C5E3 as 0% and #6178AA as 100%.

0.0%	0.0% #C2C5E3	RGB 194 197 227	#C2C5E3
16.7%	16.7% #B1B8D9	RGB 177 184 217	#B1B8D9
33.3%	33.3% #A1ABD0	RGB 161 171 208	#A1ABD0
50.0%	50.0% #919EC6	RGB 145 158 198	#919EC6
66.7%	66.7% #8191BD	RGB 129 145 189	#8191BD
83.3%	83.3% #7184B3	RGB 113 132 179	#7184B3
100.0%	100.0% #6178AA	RGB 97 120 170	#6178AA

#C2C5E3 #B1B8D9 #A1ABD0 #919EC6 #8191BD #7184B3 #6178AA

#C2C5E3 - #6178AA

HSV Blend

#C2C5E3 - #6178AA | 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 #C2C5E3 as 0% and #6178AA as 100%.

0.0%	0.0% #C2C5E3	RGB 194 197 227	#C2C5E3
16.7%	16.7% #AFB4D9	RGB 175 180 217	#AFB4D9
33.3%	33.3% #9EA6D0	RGB 158 166 208	#9EA6D0
50.0%	50.0% #8D99C6	RGB 141 153 198	#8D99C6
66.7%	66.7% #7D8CBD	RGB 125 140 189	#7D8CBD
83.3%	83.3% #6E81B3	RGB 110 129 179	#6E81B3
100.0%	100.0% #6178AA	RGB 97 120 170	#6178AA

#C2C5E3 #AFB4D9 #9EA6D0 #8D99C6 #7D8CBD #6E81B3 #6178AA

#C2C5E3 - #8D99C6 - #6178AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2C5E3 0%, #8D99C6 50%, #6178AA 100%);
    background: -webkit-linear-gradient(top, #C2C5E3 0%, #8D99C6 50%, #6178AA 100%);
    background: linear-gradient(to bottom, #C2C5E3 0%, #8D99C6 50%, #6178AA 100%);
}
</style>