#DB98A6 - #3E2B2F | 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 #DB98A6 to #3E2B2F

#DB98A6 #3E2B2F

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

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

0.0%	0.0% #DB98A6	RGB 219 152 166	#DB98A6
16.7%	16.7% #C08592	RGB 192 133 146	#C08592
33.3%	33.3% #A6737E	RGB 166 115 126	#A6737E
50.0%	50.0% #8C616A	RGB 140 97 106	#8C616A
66.7%	66.7% #724F56	RGB 114 79 86	#724F56
83.3%	83.3% #583D42	RGB 88 61 66	#583D42
100.0%	100.0% #3E2B2F	RGB 62 43 47	#3E2B2F

#DB98A6 #C08592 #A6737E #8C616A #724F56 #583D42 #3E2B2F

#DB98A6 - #3E2B2F

HSV Blend

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

0.0%	0.0% #DB98A6	RGB 219 152 166	#DB98A6
16.7%	16.7% #C08592	RGB 192 133 146	#C08592
33.3%	33.3% #A6737E	RGB 166 115 126	#A6737E
50.0%	50.0% #8C616A	RGB 140 97 106	#8C616A
66.7%	66.7% #724F56	RGB 114 79 86	#724F56
83.3%	83.3% #583D42	RGB 88 61 66	#583D42
100.0%	100.0% #3E2B2F	RGB 62 43 47	#3E2B2F

#DB98A6 #C08592 #A6737E #8C616A #724F56 #583D42 #3E2B2F

#DB98A6 - #8C616A - #3E2B2F

CSS codes

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

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