#DB759B - #3E212C | 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 #DB759B to #3E212C

#DB759B #3E212C

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

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

0.0%	0.0% #DB759B	RGB 219 117 155	#DB759B
16.7%	16.7% #C06788	RGB 192 103 136	#C06788
33.3%	33.3% #A65976	RGB 166 89 118	#A65976
50.0%	50.0% #8C4B63	RGB 140 75 99	#8C4B63
66.7%	66.7% #723D51	RGB 114 61 81	#723D51
83.3%	83.3% #582F3E	RGB 88 47 62	#582F3E
100.0%	100.0% #3E212C	RGB 62 33 44	#3E212C

#DB759B #C06788 #A65976 #8C4B63 #723D51 #582F3E #3E212C

#DB759B - #3E212C

HSV Blend

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

0.0%	0.0% #DB759A	RGB 219 117 154	#DB759A
16.7%	16.7% #C06688	RGB 192 102 136	#C06688
33.3%	33.3% #A65876	RGB 166 88 118	#A65876
50.0%	50.0% #8C4A63	RGB 140 74 99	#8C4A63
66.7%	66.7% #723C51	RGB 114 60 81	#723C51
83.3%	83.3% #582E3E	RGB 88 46 62	#582E3E
100.0%	100.0% #3E212C	RGB 62 33 44	#3E212C

#DB759A #C06688 #A65876 #8C4A63 #723C51 #582E3E #3E212C

#DB759B - #8C4A63 - #3E212C

CSS codes

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

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