#CBA5FE - #3A2F48 | 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 #CBA5FE to #3A2F48

#CBA5FE #3A2F48

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

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

0.0%	0.0% #CBA5FE	RGB 203 165 254	#CBA5FE
16.7%	16.7% #B291DF	RGB 178 145 223	#B291DF
33.3%	33.3% #9A7DC1	RGB 154 125 193	#9A7DC1
50.0%	50.0% #826AA3	RGB 130 106 163	#826AA3
66.7%	66.7% #6A5684	RGB 106 86 132	#6A5684
83.3%	83.3% #524266	RGB 82 66 102	#524266
100.0%	100.0% #3A2F48	RGB 58 47 72	#3A2F48

#CBA5FE #B291DF #9A7DC1 #826AA3 #6A5684 #524266 #3A2F48

#CBA5FE - #3A2F48

HSV Blend

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

0.0%	0.0% #CBA5FE	RGB 203 165 254	#CBA5FE
16.7%	16.7% #B291DF	RGB 178 145 223	#B291DF
33.3%	33.3% #9A7DC1	RGB 154 125 193	#9A7DC1
50.0%	50.0% #826AA3	RGB 130 106 163	#826AA3
66.7%	66.7% #6A5684	RGB 106 86 132	#6A5684
83.3%	83.3% #524266	RGB 82 66 102	#524266
100.0%	100.0% #3A2F48	RGB 58 47 72	#3A2F48

#CBA5FE #B291DF #9A7DC1 #826AA3 #6A5684 #524266 #3A2F48

#CBA5FE - #826AA3 - #3A2F48

CSS codes

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

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