#D2AFD4 - #3C323B | 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 #D2AFD4 to #3C323B

#D2AFD4 #3C323B

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

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

0.0%	0.0% #D2AFD4	RGB 210 175 212	#D2AFD4
16.7%	16.7% #B99ABA	RGB 185 154 186	#B99ABA
33.3%	33.3% #A085A1	RGB 160 133 161	#A085A1
50.0%	50.0% #877087	RGB 135 112 135	#877087
66.7%	66.7% #6E5B6E	RGB 110 91 110	#6E5B6E
83.3%	83.3% #554654	RGB 85 70 84	#554654
100.0%	100.0% #3C323B	RGB 60 50 59	#3C323B

#D2AFD4 #B99ABA #A085A1 #877087 #6E5B6E #554654 #3C323B

#D2AFD4 - #3C323B

HSV Blend

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

0.0%	0.0% #D2AFD4	RGB 210 175 212	#D2AFD4
16.7%	16.7% #B99ABA	RGB 185 154 186	#B99ABA
33.3%	33.3% #A185A1	RGB 161 133 161	#A185A1
50.0%	50.0% #887087	RGB 136 112 135	#887087
66.7%	66.7% #6E5B6D	RGB 110 91 109	#6E5B6D
83.3%	83.3% #554654	RGB 85 70 84	#554654
100.0%	100.0% #3C323B	RGB 60 50 59	#3C323B

#D2AFD4 #B99ABA #A185A1 #887087 #6E5B6D #554654 #3C323B

#D2AFD4 - #887087 - #3C323B

CSS codes

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

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