#D6A7DB - #3C2F3E | 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 #D6A7DB to #3C2F3E

#D6A7DB #3C2F3E

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

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

0.0%	0.0% #D6A7DB	RGB 214 167 219	#D6A7DB
16.7%	16.7% #BC93C0	RGB 188 147 192	#BC93C0
33.3%	33.3% #A27FA6	RGB 162 127 166	#A27FA6
50.0%	50.0% #896B8C	RGB 137 107 140	#896B8C
66.7%	66.7% #6F5772	RGB 111 87 114	#6F5772
83.3%	83.3% #554358	RGB 85 67 88	#554358
100.0%	100.0% #3C2F3E	RGB 60 47 62	#3C2F3E

#D6A7DB #BC93C0 #A27FA6 #896B8C #6F5772 #554358 #3C2F3E

#D6A7DB - #3C2F3E

HSV Blend

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

0.0%	0.0% #D6A7DB	RGB 214 167 219	#D6A7DB
16.7%	16.7% #BC92C0	RGB 188 146 192	#BC92C0
33.3%	33.3% #A27EA6	RGB 162 126 166	#A27EA6
50.0%	50.0% #886A8C	RGB 136 106 140	#886A8C
66.7%	66.7% #6F5672	RGB 111 86 114	#6F5672
83.3%	83.3% #554258	RGB 85 66 88	#554258
100.0%	100.0% #3C2F3E	RGB 60 47 62	#3C2F3E

#D6A7DB #BC92C0 #A27EA6 #886A8C #6F5672 #554258 #3C2F3E

#D6A7DB - #886A8C - #3C2F3E

CSS codes

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

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