#DBA0D8 - #3E2D3D | 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 #DBA0D8 to #3E2D3D

#DBA0D8 #3E2D3D

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

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

0.0%	0.0% #DBA0D8	RGB 219 160 216	#DBA0D8
16.7%	16.7% #C08CBE	RGB 192 140 190	#C08CBE
33.3%	33.3% #A679A4	RGB 166 121 164	#A679A4
50.0%	50.0% #8C668A	RGB 140 102 138	#8C668A
66.7%	66.7% #725370	RGB 114 83 112	#725370
83.3%	83.3% #584056	RGB 88 64 86	#584056
100.0%	100.0% #3E2D3D	RGB 62 45 61	#3E2D3D

#DBA0D8 #C08CBE #A679A4 #8C668A #725370 #584056 #3E2D3D

#DBA0D8 - #3E2D3D

HSV Blend

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

0.0%	0.0% #DBA0D8	RGB 219 160 216	#DBA0D8
16.7%	16.7% #C08CBE	RGB 192 140 190	#C08CBE
33.3%	33.3% #A679A4	RGB 166 121 164	#A679A4
50.0%	50.0% #8C668A	RGB 140 102 138	#8C668A
66.7%	66.7% #725370	RGB 114 83 112	#725370
83.3%	83.3% #584056	RGB 88 64 86	#584056
100.0%	100.0% #3E2D3D	RGB 62 45 61	#3E2D3D

#DBA0D8 #C08CBE #A679A4 #8C668A #725370 #584056 #3E2D3D

#DBA0D8 - #8C668A - #3E2D3D

CSS codes

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

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