#DA7D9D - #3E232D | 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 #DA7D9D to #3E232D

#DA7D9D #3E232D

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

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

0.0%	0.0% #DA7D9D	RGB 218 125 157	#DA7D9D
16.7%	16.7% #C06E8A	RGB 192 110 138	#C06E8A
33.3%	33.3% #A65F77	RGB 166 95 119	#A65F77
50.0%	50.0% #8C5065	RGB 140 80 101	#8C5065
66.7%	66.7% #724152	RGB 114 65 82	#724152
83.3%	83.3% #58323F	RGB 88 50 63	#58323F
100.0%	100.0% #3E232D	RGB 62 35 45	#3E232D

#DA7D9D #C06E8A #A65F77 #8C5065 #724152 #58323F #3E232D

#DA7D9D - #3E232D

HSV Blend

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

0.0%	0.0% #DA7D9D	RGB 218 125 157	#DA7D9D
16.7%	16.7% #C06D8A	RGB 192 109 138	#C06D8A
33.3%	33.3% #A65E77	RGB 166 94 119	#A65E77
50.0%	50.0% #8C4F65	RGB 140 79 101	#8C4F65
66.7%	66.7% #724052	RGB 114 64 82	#724052
83.3%	83.3% #58313F	RGB 88 49 63	#58313F
100.0%	100.0% #3E232D	RGB 62 35 45	#3E232D

#DA7D9D #C06D8A #A65E77 #8C4F65 #724052 #58313F #3E232D

#DA7D9D - #8C4F65 - #3E232D

CSS codes

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

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