#CEC3E9 - #393742 | 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 #CEC3E9 to #393742

#CEC3E9 #393742

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

#CEC3E9 - #393742 | 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 #CEC3E9 as 0% and #393742 as 100%.

0.0%	0.0% #CEC3E9	RGB 206 195 233	#CEC3E9
16.7%	16.7% #B5ABCD	RGB 181 171 205	#B5ABCD
33.3%	33.3% #9C94B1	RGB 156 148 177	#9C94B1
50.0%	50.0% #837D95	RGB 131 125 149	#837D95
66.7%	66.7% #6A6579	RGB 106 101 121	#6A6579
83.3%	83.3% #514E5D	RGB 81 78 93	#514E5D
100.0%	100.0% #393742	RGB 57 55 66	#393742

#CEC3E9 #B5ABCD #9C94B1 #837D95 #6A6579 #514E5D #393742

#CEC3E9 - #393742

HSV Blend

#CEC3E9 - #393742 | 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 #CEC3E9 as 0% and #393742 as 100%.

0.0%	0.0% #CEC3E9	RGB 206 195 233	#CEC3E9
16.7%	16.7% #B4ABCD	RGB 180 171 205	#B4ABCD
33.3%	33.3% #9B94B1	RGB 155 148 177	#9B94B1
50.0%	50.0% #827C95	RGB 130 124 149	#827C95
66.7%	66.7% #696579	RGB 105 101 121	#696579
83.3%	83.3% #514E5D	RGB 81 78 93	#514E5D
100.0%	100.0% #393742	RGB 57 55 66	#393742

#CEC3E9 #B4ABCD #9B94B1 #827C95 #696579 #514E5D #393742

#CEC3E9 - #827C95 - #393742

CSS codes

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

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