#83485B - #DBCAD0 | 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 #83485B to #DBCAD0

#83485B #DBCAD0

Calculate the color between two colors, #83485B and #DBCAD0. 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)

#83485B - #DBCAD0 | 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 #83485B as 0% and #DBCAD0 as 100%.

0.0%	0.0% #83485B	RGB 131 72 91	#83485B
16.7%	16.7% #915D6E	RGB 145 93 110	#915D6E
33.3%	33.3% #A07382	RGB 160 115 130	#A07382
50.0%	50.0% #AF8995	RGB 175 137 149	#AF8995
66.7%	66.7% #BD9EA9	RGB 189 158 169	#BD9EA9
83.3%	83.3% #CCB4BC	RGB 204 180 188	#CCB4BC
100.0%	100.0% #DBCAD0	RGB 219 202 208	#DBCAD0

#83485B #915D6E #A07382 #AF8995 #BD9EA9 #CCB4BC #DBCAD0

#83485B - #DBCAD0

HSV Blend

#83485B - #DBCAD0 | 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 #83485B as 0% and #DBCAD0 as 100%.

0.0%	0.0% #83485B	RGB 131 72 91	#83485B
16.7%	16.7% #91596B	RGB 145 89 107	#91596B
33.3%	33.3% #A06C7D	RGB 160 108 125	#A06C7D
50.0%	50.0% #AF8090	RGB 175 128 144	#AF8090
66.7%	66.7% #BD97A4	RGB 189 151 164	#BD97A4
83.3%	83.3% #CCAFB9	RGB 204 175 185	#CCAFB9
100.0%	100.0% #DBCAD0	RGB 219 202 208	#DBCAD0

#83485B #91596B #A06C7D #AF8090 #BD97A4 #CCAFB9 #DBCAD0

#83485B - #AF8090 - #DBCAD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83485B 0%, #AF8090 50%, #DBCAD0 100%);
    background: -webkit-linear-gradient(top, #83485B 0%, #AF8090 50%, #DBCAD0 100%);
    background: linear-gradient(to bottom, #83485B 0%, #AF8090 50%, #DBCAD0 100%);
}
</style>