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

#DB98AA #3E2B2F

Calculate the color between two colors, #DB98AA 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)

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

0.0%	0.0% #DB98AA	RGB 219 152 170	#DB98AA
16.7%	16.7% #C08595	RGB 192 133 149	#C08595
33.3%	33.3% #A67381	RGB 166 115 129	#A67381
50.0%	50.0% #8C616C	RGB 140 97 108	#8C616C
66.7%	66.7% #724F58	RGB 114 79 88	#724F58
83.3%	83.3% #583D43	RGB 88 61 67	#583D43
100.0%	100.0% #3E2B2F	RGB 62 43 47	#3E2B2F

#DB98AA #C08595 #A67381 #8C616C #724F58 #583D43 #3E2B2F

#DB98AA - #3E2B2F

HSV Blend

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

0.0%	0.0% #DB98A9	RGB 219 152 169	#DB98A9
16.7%	16.7% #C08595	RGB 192 133 149	#C08595
33.3%	33.3% #A67380	RGB 166 115 128	#A67380
50.0%	50.0% #8C616B	RGB 140 97 107	#8C616B
66.7%	66.7% #724F57	RGB 114 79 87	#724F57
83.3%	83.3% #583D43	RGB 88 61 67	#583D43
100.0%	100.0% #3E2B2F	RGB 62 43 47	#3E2B2F

#DB98A9 #C08595 #A67380 #8C616B #724F57 #583D43 #3E2B2F

#DB98AA - #8C616B - #3E2B2F

CSS codes

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

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