#DC8DAB - #3E2830 | 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 #DC8DAB to #3E2830

#DC8DAB #3E2830

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

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

0.0%	0.0% #DC8DAB	RGB 220 141 171	#DC8DAB
16.7%	16.7% #C17C96	RGB 193 124 150	#C17C96
33.3%	33.3% #A76B82	RGB 167 107 130	#A76B82
50.0%	50.0% #8D5A6D	RGB 141 90 109	#8D5A6D
66.7%	66.7% #724959	RGB 114 73 89	#724959
83.3%	83.3% #583844	RGB 88 56 68	#583844
100.0%	100.0% #3E2830	RGB 62 40 48	#3E2830

#DC8DAB #C17C96 #A76B82 #8D5A6D #724959 #583844 #3E2830

#DC8DAB - #3E2830

HSV Blend

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

0.0%	0.0% #DC8DAB	RGB 220 141 171	#DC8DAB
16.7%	16.7% #C17C96	RGB 193 124 150	#C17C96
33.3%	33.3% #A76B81	RGB 167 107 129	#A76B81
50.0%	50.0% #8D5A6D	RGB 141 90 109	#8D5A6D
66.7%	66.7% #724958	RGB 114 73 88	#724958
83.3%	83.3% #583844	RGB 88 56 68	#583844
100.0%	100.0% #3E2830	RGB 62 40 48	#3E2830

#DC8DAB #C17C96 #A76B81 #8D5A6D #724958 #583844 #3E2830

#DC8DAB - #8D5A6D - #3E2830

CSS codes

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

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