#C7C7E4 - #647BAB | 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 #C7C7E4 to #647BAB

#C7C7E4 #647BAB

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

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

0.0%	0.0% #C7C7E4	RGB 199 199 228	#C7C7E4
16.7%	16.7% #B6BADA	RGB 182 186 218	#B6BADA
33.3%	33.3% #A6ADD1	RGB 166 173 209	#A6ADD1
50.0%	50.0% #95A1C7	RGB 149 161 199	#95A1C7
66.7%	66.7% #8594BE	RGB 133 148 190	#8594BE
83.3%	83.3% #7487B4	RGB 116 135 180	#7487B4
100.0%	100.0% #647BAB	RGB 100 123 171	#647BAB

#C7C7E4 #B6BADA #A6ADD1 #95A1C7 #8594BE #7487B4 #647BAB

#C7C7E4 - #647BAB

HSV Blend

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

0.0%	0.0% #C7C7E4	RGB 199 199 228	#C7C7E4
16.7%	16.7% #B4B6DA	RGB 180 182 218	#B4B6DA
33.3%	33.3% #A2A7D1	RGB 162 167 209	#A2A7D1
50.0%	50.0% #919AC7	RGB 145 154 199	#919AC7
66.7%	66.7% #818EBE	RGB 129 142 190	#818EBE
83.3%	83.3% #7284B4	RGB 114 132 180	#7284B4
100.0%	100.0% #647BAB	RGB 100 123 171	#647BAB

#C7C7E4 #B4B6DA #A2A7D1 #919AC7 #818EBE #7284B4 #647BAB

#C7C7E4 - #919AC7 - #647BAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C7E4 0%, #919AC7 50%, #647BAB 100%);
    background: -webkit-linear-gradient(top, #C7C7E4 0%, #919AC7 50%, #647BAB 100%);
    background: linear-gradient(to bottom, #C7C7E4 0%, #919AC7 50%, #647BAB 100%);
}
</style>