#8C2B2B - #D29ED4 | 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 #8C2B2B to #D29ED4

#8C2B2B #D29ED4

Calculate the color between two colors, #8C2B2B and #D29ED4. 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)

#8C2B2B - #D29ED4 | 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 #8C2B2B as 0% and #D29ED4 as 100%.

0.0%	0.0% #8C2B2B	RGB 140 43 43	#8C2B2B
16.7%	16.7% #973E47	RGB 151 62 71	#973E47
33.3%	33.3% #A35163	RGB 163 81 99	#A35163
50.0%	50.0% #AF647F	RGB 175 100 127	#AF647F
66.7%	66.7% #BA779B	RGB 186 119 155	#BA779B
83.3%	83.3% #C68AB7	RGB 198 138 183	#C68AB7
100.0%	100.0% #D29ED4	RGB 210 158 212	#D29ED4

#8C2B2B #973E47 #A35163 #AF647F #BA779B #C68AB7 #D29ED4

#8C2B2B - #D29ED4

HSV Blend

#8C2B2B - #D29ED4 | 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 #8C2B2B as 0% and #D29ED4 as 100%.

0.0%	0.0% #8C2B2B	RGB 140 43 43	#8C2B2B
16.7%	16.7% #98394A	RGB 152 57 74	#98394A
33.3%	33.3% #A44A69	RGB 164 74 105	#A44A69
50.0%	50.0% #B05C87	RGB 176 92 135	#B05C87
66.7%	66.7% #BC70A4	RGB 188 112 164	#BC70A4
83.3%	83.3% #C886BF	RGB 200 134 191	#C886BF
100.0%	100.0% #D29ED4	RGB 210 158 212	#D29ED4

#8C2B2B #98394A #A44A69 #B05C87 #BC70A4 #C886BF #D29ED4

#8C2B2B - #B05C87 - #D29ED4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C2B2B 0%, #B05C87 50%, #D29ED4 100%);
    background: -webkit-linear-gradient(top, #8C2B2B 0%, #B05C87 50%, #D29ED4 100%);
    background: linear-gradient(to bottom, #8C2B2B 0%, #B05C87 50%, #D29ED4 100%);
}
</style>