#DC88B9 - #3E2634 | 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 #DC88B9 to #3E2634

#DC88B9 #3E2634

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

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

0.0%	0.0% #DC88B9	RGB 220 136 185	#DC88B9
16.7%	16.7% #C177A2	RGB 193 119 162	#C177A2
33.3%	33.3% #A7678C	RGB 167 103 140	#A7678C
50.0%	50.0% #8D5776	RGB 141 87 118	#8D5776
66.7%	66.7% #724660	RGB 114 70 96	#724660
83.3%	83.3% #58364A	RGB 88 54 74	#58364A
100.0%	100.0% #3E2634	RGB 62 38 52	#3E2634

#DC88B9 #C177A2 #A7678C #8D5776 #724660 #58364A #3E2634

#DC88B9 - #3E2634

HSV Blend

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

0.0%	0.0% #DC88B9	RGB 220 136 185	#DC88B9
16.7%	16.7% #C177A2	RGB 193 119 162	#C177A2
33.3%	33.3% #A7678C	RGB 167 103 140	#A7678C
50.0%	50.0% #8D5676	RGB 141 86 118	#8D5676
66.7%	66.7% #724660	RGB 114 70 96	#724660
83.3%	83.3% #58364A	RGB 88 54 74	#58364A
100.0%	100.0% #3E2634	RGB 62 38 52	#3E2634

#DC88B9 #C177A2 #A7678C #8D5676 #724660 #58364A #3E2634

#DC88B9 - #8D5676 - #3E2634

CSS codes

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

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