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

#CAB5E9 #393342

Calculate the color between two colors, #CAB5E9 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)

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

0.0%	0.0% #CAB5E9	RGB 202 181 233	#CAB5E9
16.7%	16.7% #B19FCD	RGB 177 159 205	#B19FCD
33.3%	33.3% #9989B1	RGB 153 137 177	#9989B1
50.0%	50.0% #817495	RGB 129 116 149	#817495
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

#CAB5E9 #B19FCD #9989B1 #817495 #695E79 #51485D #393342

#CAB5E9 - #393342

HSV Blend

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

0.0%	0.0% #CAB5E9	RGB 202 181 233	#CAB5E9
16.7%	16.7% #B19FCD	RGB 177 159 205	#B19FCD
33.3%	33.3% #9989B1	RGB 153 137 177	#9989B1
50.0%	50.0% #817395	RGB 129 115 149	#817395
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

#CAB5E9 #B19FCD #9989B1 #817395 #695E79 #51485D #393342

#CAB5E9 - #817395 - #393342

CSS codes

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

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