#DBA7B5 - #3E2F33 | 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 #DBA7B5 to #3E2F33

#DBA7B5 #3E2F33

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

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

0.0%	0.0% #DBA7B5	RGB 219 167 181	#DBA7B5
16.7%	16.7% #C0939F	RGB 192 147 159	#C0939F
33.3%	33.3% #A67F89	RGB 166 127 137	#A67F89
50.0%	50.0% #8C6B74	RGB 140 107 116	#8C6B74
66.7%	66.7% #72575E	RGB 114 87 94	#72575E
83.3%	83.3% #584348	RGB 88 67 72	#584348
100.0%	100.0% #3E2F33	RGB 62 47 51	#3E2F33

#DBA7B5 #C0939F #A67F89 #8C6B74 #72575E #584348 #3E2F33

#DBA7B5 - #3E2F33

HSV Blend

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

0.0%	0.0% #DBA7B5	RGB 219 167 181	#DBA7B5
16.7%	16.7% #C0929F	RGB 192 146 159	#C0929F
33.3%	33.3% #A67E89	RGB 166 126 137	#A67E89
50.0%	50.0% #8C6A73	RGB 140 106 115	#8C6A73
66.7%	66.7% #72565E	RGB 114 86 94	#72565E
83.3%	83.3% #584248	RGB 88 66 72	#584248
100.0%	100.0% #3E2F33	RGB 62 47 51	#3E2F33

#DBA7B5 #C0929F #A67E89 #8C6A73 #72565E #584248 #3E2F33

#DBA7B5 - #8C6A73 - #3E2F33

CSS codes

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

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