#CBA5EE - #3A2F44 | 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 #CBA5EE to #3A2F44

#CBA5EE #3A2F44

Calculate the color between two colors, #CBA5EE and #3A2F44. 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)

#CBA5EE - #3A2F44 | 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 #CBA5EE as 0% and #3A2F44 as 100%.

0.0%	0.0% #CBA5EE	RGB 203 165 238	#CBA5EE
16.7%	16.7% #B291D1	RGB 178 145 209	#B291D1
33.3%	33.3% #9A7DB5	RGB 154 125 181	#9A7DB5
50.0%	50.0% #826A99	RGB 130 106 153	#826A99
66.7%	66.7% #6A567C	RGB 106 86 124	#6A567C
83.3%	83.3% #524260	RGB 82 66 96	#524260
100.0%	100.0% #3A2F44	RGB 58 47 68	#3A2F44

#CBA5EE #B291D1 #9A7DB5 #826A99 #6A567C #524260 #3A2F44

#CBA5EE - #3A2F44

HSV Blend

#CBA5EE - #3A2F44 | 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 #CBA5EE as 0% and #3A2F44 as 100%.

0.0%	0.0% #CBA5EE	RGB 203 165 238	#CBA5EE
16.7%	16.7% #B291D1	RGB 178 145 209	#B291D1
33.3%	33.3% #9A7DB5	RGB 154 125 181	#9A7DB5
50.0%	50.0% #826999	RGB 130 105 153	#826999
66.7%	66.7% #6A567C	RGB 106 86 124	#6A567C
83.3%	83.3% #524260	RGB 82 66 96	#524260
100.0%	100.0% #3A2F44	RGB 58 47 68	#3A2F44

#CBA5EE #B291D1 #9A7DB5 #826999 #6A567C #524260 #3A2F44

#CBA5EE - #826999 - #3A2F44

CSS codes

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

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