#CFA7DB - #3A2F3E | 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 #CFA7DB to #3A2F3E

#CFA7DB #3A2F3E

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

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

0.0%	0.0% #CFA7DB	RGB 207 167 219	#CFA7DB
16.7%	16.7% #B693C0	RGB 182 147 192	#B693C0
33.3%	33.3% #9D7FA6	RGB 157 127 166	#9D7FA6
50.0%	50.0% #846B8C	RGB 132 107 140	#846B8C
66.7%	66.7% #6B5772	RGB 107 87 114	#6B5772
83.3%	83.3% #524358	RGB 82 67 88	#524358
100.0%	100.0% #3A2F3E	RGB 58 47 62	#3A2F3E

#CFA7DB #B693C0 #9D7FA6 #846B8C #6B5772 #524358 #3A2F3E

#CFA7DB - #3A2F3E

HSV Blend

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

0.0%	0.0% #CFA7DB	RGB 207 167 219	#CFA7DB
16.7%	16.7% #B592C0	RGB 181 146 192	#B592C0
33.3%	33.3% #9D7EA6	RGB 157 126 166	#9D7EA6
50.0%	50.0% #846A8C	RGB 132 106 140	#846A8C
66.7%	66.7% #6B5672	RGB 107 86 114	#6B5672
83.3%	83.3% #524258	RGB 82 66 88	#524258
100.0%	100.0% #3A2F3E	RGB 58 47 62	#3A2F3E

#CFA7DB #B592C0 #9D7EA6 #846A8C #6B5672 #524258 #3A2F3E

#CFA7DB - #846A8C - #3A2F3E

CSS codes

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

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