#CAB5E7 - #393342 | 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 #CAB5E7 to #393342

#CAB5E7 #393342

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

#CAB5E7 - #393342 | 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 #CAB5E7 as 0% and #393342 as 100%.

0.0%	0.0% #CAB5E7	RGB 202 181 231	#CAB5E7
16.7%	16.7% #B19FCB	RGB 177 159 203	#B19FCB
33.3%	33.3% #9989B0	RGB 153 137 176	#9989B0
50.0%	50.0% #817494	RGB 129 116 148	#817494
66.7%	66.7% #695E79	RGB 105 94 121	#695E79
83.3%	83.3% #51485D	RGB 81 72 93	#51485D
100.0%	100.0% #393342	RGB 57 51 66	#393342

#CAB5E7 #B19FCB #9989B0 #817494 #695E79 #51485D #393342

#CAB5E7 - #393342

HSV Blend

#CAB5E7 - #393342 | 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 #CAB5E7 as 0% and #393342 as 100%.

0.0%	0.0% #CAB5E7	RGB 202 181 231	#CAB5E7
16.7%	16.7% #B19FCB	RGB 177 159 203	#B19FCB
33.3%	33.3% #9989B0	RGB 153 137 176	#9989B0
50.0%	50.0% #817394	RGB 129 115 148	#817394
66.7%	66.7% #685D79	RGB 104 93 121	#685D79
83.3%	83.3% #50485D	RGB 80 72 93	#50485D
100.0%	100.0% #393342	RGB 57 51 66	#393342

#CAB5E7 #B19FCB #9989B0 #817394 #685D79 #50485D #393342

#CAB5E7 - #817394 - #393342

CSS codes

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

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