#CEC4D4 - #757290 | 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 #CEC4D4 to #757290

#CEC4D4 #757290

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

#CEC4D4 - #757290 | 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 #CEC4D4 as 0% and #757290 as 100%.

0.0%	0.0% #CEC4D4	RGB 206 196 212	#CEC4D4
16.7%	16.7% #BFB6C8	RGB 191 182 200	#BFB6C8
33.3%	33.3% #B0A8BD	RGB 176 168 189	#B0A8BD
50.0%	50.0% #A19BB2	RGB 161 155 178	#A19BB2
66.7%	66.7% #928DA6	RGB 146 141 166	#928DA6
83.3%	83.3% #837F9B	RGB 131 127 155	#837F9B
100.0%	100.0% #757290	RGB 117 114 144	#757290

#CEC4D4 #BFB6C8 #B0A8BD #A19BB2 #928DA6 #837F9B #757290

#CEC4D4 - #757290

HSV Blend

#CEC4D4 - #757290 | 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 #CEC4D4 as 0% and #757290 as 100%.

0.0%	0.0% #CEC4D4	RGB 206 196 212	#CEC4D4
16.7%	16.7% #BFB5C8	RGB 191 181 200	#BFB5C8
33.3%	33.3% #B0A6BD	RGB 176 166 189	#B0A6BD
50.0%	50.0% #A198B2	RGB 161 152 178	#A198B2
66.7%	66.7% #928BA6	RGB 146 139 166	#928BA6
83.3%	83.3% #837E9B	RGB 131 126 155	#837E9B
100.0%	100.0% #757290	RGB 117 114 144	#757290

#CEC4D4 #BFB5C8 #B0A6BD #A198B2 #928BA6 #837E9B #757290

#CEC4D4 - #A198B2 - #757290

CSS codes

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

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