#CFC4D3 - #7E6F8F | 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 #CFC4D3 to #7E6F8F

#CFC4D3 #7E6F8F

Calculate the color between two colors, #CFC4D3 and #7E6F8F. 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)

#CFC4D3 - #7E6F8F | 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 #CFC4D3 as 0% and #7E6F8F as 100%.

0.0%	0.0% #CFC4D3	RGB 207 196 211	#CFC4D3
16.7%	16.7% #C1B5C7	RGB 193 181 199	#C1B5C7
33.3%	33.3% #B4A7BC	RGB 180 167 188	#B4A7BC
50.0%	50.0% #A699B1	RGB 166 153 177	#A699B1
66.7%	66.7% #998BA5	RGB 153 139 165	#998BA5
83.3%	83.3% #8B7D9A	RGB 139 125 154	#8B7D9A
100.0%	100.0% #7E6F8F	RGB 126 111 143	#7E6F8F

#CFC4D3 #C1B5C7 #B4A7BC #A699B1 #998BA5 #8B7D9A #7E6F8F

#CFC4D3 - #7E6F8F

HSV Blend

#CFC4D3 - #7E6F8F | 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 #CFC4D3 as 0% and #7E6F8F as 100%.

0.0%	0.0% #CFC4D3	RGB 207 196 211	#CFC4D3
16.7%	16.7% #C1B4C7	RGB 193 180 199	#C1B4C7
33.3%	33.3% #B4A5BC	RGB 180 165 188	#B4A5BC
50.0%	50.0% #A696B1	RGB 166 150 177	#A696B1
66.7%	66.7% #9889A5	RGB 152 137 165	#9889A5
83.3%	83.3% #8B7B9A	RGB 139 123 154	#8B7B9A
100.0%	100.0% #7E6F8F	RGB 126 111 143	#7E6F8F

#CFC4D3 #C1B4C7 #B4A5BC #A696B1 #9889A5 #8B7B9A #7E6F8F

#CFC4D3 - #A696B1 - #7E6F8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFC4D3 0%, #A696B1 50%, #7E6F8F 100%);
    background: -webkit-linear-gradient(top, #CFC4D3 0%, #A696B1 50%, #7E6F8F 100%);
    background: linear-gradient(to bottom, #CFC4D3 0%, #A696B1 50%, #7E6F8F 100%);
}
</style>