#DA9FAA - #3E2D30 | 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 #DA9FAA to #3E2D30

#DA9FAA #3E2D30

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

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

0.0%	0.0% #DA9FAA	RGB 218 159 170	#DA9FAA
16.7%	16.7% #C08C95	RGB 192 140 149	#C08C95
33.3%	33.3% #A67981	RGB 166 121 129	#A67981
50.0%	50.0% #8C666D	RGB 140 102 109	#8C666D
66.7%	66.7% #725358	RGB 114 83 88	#725358
83.3%	83.3% #584044	RGB 88 64 68	#584044
100.0%	100.0% #3E2D30	RGB 62 45 48	#3E2D30

#DA9FAA #C08C95 #A67981 #8C666D #725358 #584044 #3E2D30

#DA9FAA - #3E2D30

HSV Blend

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

0.0%	0.0% #DA9FAA	RGB 218 159 170	#DA9FAA
16.7%	16.7% #C08B95	RGB 192 139 149	#C08B95
33.3%	33.3% #A67881	RGB 166 120 129	#A67881
50.0%	50.0% #8C656C	RGB 140 101 108	#8C656C
66.7%	66.7% #725258	RGB 114 82 88	#725258
83.3%	83.3% #583F44	RGB 88 63 68	#583F44
100.0%	100.0% #3E2D30	RGB 62 45 48	#3E2D30

#DA9FAA #C08B95 #A67881 #8C656C #725258 #583F44 #3E2D30

#DA9FAA - #8C656C - #3E2D30

CSS codes

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

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