#C8C8EE - #647ABA | 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 #C8C8EE to #647ABA

#C8C8EE #647ABA

Calculate the color between two colors, #C8C8EE and #647ABA. 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)

#C8C8EE - #647ABA | 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 #C8C8EE as 0% and #647ABA as 100%.

0.0%	0.0% #C8C8EE	RGB 200 200 238	#C8C8EE
16.7%	16.7% #B7BBE5	RGB 183 187 229	#B7BBE5
33.3%	33.3% #A6AEDC	RGB 166 174 220	#A6AEDC
50.0%	50.0% #96A1D4	RGB 150 161 212	#96A1D4
66.7%	66.7% #8594CB	RGB 133 148 203	#8594CB
83.3%	83.3% #7487C2	RGB 116 135 194	#7487C2
100.0%	100.0% #647ABA	RGB 100 122 186	#647ABA

#C8C8EE #B7BBE5 #A6AEDC #96A1D4 #8594CB #7487C2 #647ABA

#C8C8EE - #647ABA

HSV Blend

#C8C8EE - #647ABA | 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 #C8C8EE as 0% and #647ABA as 100%.

0.0%	0.0% #C8C8EE	RGB 200 200 238	#C8C8EE
16.7%	16.7% #B5B7E5	RGB 181 183 229	#B5B7E5
33.3%	33.3% #A3A8DC	RGB 163 168 220	#A3A8DC
50.0%	50.0% #929AD4	RGB 146 154 212	#929AD4
66.7%	66.7% #818ECB	RGB 129 142 203	#818ECB
83.3%	83.3% #7283C2	RGB 114 131 194	#7283C2
100.0%	100.0% #647ABA	RGB 100 122 186	#647ABA

#C8C8EE #B5B7E5 #A3A8DC #929AD4 #818ECB #7283C2 #647ABA

#C8C8EE - #929AD4 - #647ABA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8EE 0%, #929AD4 50%, #647ABA 100%);
    background: -webkit-linear-gradient(top, #C8C8EE 0%, #929AD4 50%, #647ABA 100%);
    background: linear-gradient(to bottom, #C8C8EE 0%, #929AD4 50%, #647ABA 100%);
}
</style>