#D5B5E6 - #3C3341 | 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 #D5B5E6 to #3C3341

#D5B5E6 #3C3341

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

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

0.0%	0.0% #D5B5E6	RGB 213 181 230	#D5B5E6
16.7%	16.7% #BB9FCA	RGB 187 159 202	#BB9FCA
33.3%	33.3% #A289AF	RGB 162 137 175	#A289AF
50.0%	50.0% #887493	RGB 136 116 147	#887493
66.7%	66.7% #6F5E78	RGB 111 94 120	#6F5E78
83.3%	83.3% #55485C	RGB 85 72 92	#55485C
100.0%	100.0% #3C3341	RGB 60 51 65	#3C3341

#D5B5E6 #BB9FCA #A289AF #887493 #6F5E78 #55485C #3C3341

#D5B5E6 - #3C3341

HSV Blend

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

0.0%	0.0% #D5B5E6	RGB 213 181 230	#D5B5E6
16.7%	16.7% #BB9FCA	RGB 187 159 202	#BB9FCA
33.3%	33.3% #A189AF	RGB 161 137 175	#A189AF
50.0%	50.0% #887393	RGB 136 115 147	#887393
66.7%	66.7% #6E5E78	RGB 110 94 120	#6E5E78
83.3%	83.3% #55485C	RGB 85 72 92	#55485C
100.0%	100.0% #3C3341	RGB 60 51 65	#3C3341

#D5B5E6 #BB9FCA #A189AF #887393 #6E5E78 #55485C #3C3341

#D5B5E6 - #887393 - #3C3341

CSS codes

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

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