#DA72A2 - #3E202E | 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 #DA72A2 to #3E202E

#DA72A2 #3E202E

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

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

0.0%	0.0% #DA72A2	RGB 218 114 162	#DA72A2
16.7%	16.7% #C0648E	RGB 192 100 142	#C0648E
33.3%	33.3% #A6567B	RGB 166 86 123	#A6567B
50.0%	50.0% #8C4968	RGB 140 73 104	#8C4968
66.7%	66.7% #723B54	RGB 114 59 84	#723B54
83.3%	83.3% #582D41	RGB 88 45 65	#582D41
100.0%	100.0% #3E202E	RGB 62 32 46	#3E202E

#DA72A2 #C0648E #A6567B #8C4968 #723B54 #582D41 #3E202E

#DA72A2 - #3E202E

HSV Blend

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

0.0%	0.0% #DA72A2	RGB 218 114 162	#DA72A2
16.7%	16.7% #C0648E	RGB 192 100 142	#C0648E
33.3%	33.3% #A6567B	RGB 166 86 123	#A6567B
50.0%	50.0% #8C4867	RGB 140 72 103	#8C4867
66.7%	66.7% #723B54	RGB 114 59 84	#723B54
83.3%	83.3% #582D41	RGB 88 45 65	#582D41
100.0%	100.0% #3E202E	RGB 62 32 46	#3E202E

#DA72A2 #C0648E #A6567B #8C4867 #723B54 #582D41 #3E202E

#DA72A2 - #8C4867 - #3E202E

CSS codes

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

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