#DBACBA - #9F5068 | 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 #DBACBA to #9F5068

#DBACBA #9F5068

Calculate the color between two colors, #DBACBA and #9F5068. 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)

#DBACBA - #9F5068 | 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 #DBACBA as 0% and #9F5068 as 100%.

0.0%	0.0% #DBACBA	RGB 219 172 186	#DBACBA
16.7%	16.7% #D19CAC	RGB 209 156 172	#D19CAC
33.3%	33.3% #C78D9E	RGB 199 141 158	#C78D9E
50.0%	50.0% #BD7E91	RGB 189 126 145	#BD7E91
66.7%	66.7% #B36E83	RGB 179 110 131	#B36E83
83.3%	83.3% #A95F75	RGB 169 95 117	#A95F75
100.0%	100.0% #9F5068	RGB 159 80 104	#9F5068

#DBACBA #D19CAC #C78D9E #BD7E91 #B36E83 #A95F75 #9F5068

#DBACBA - #9F5068

HSV Blend

#DBACBA - #9F5068 | 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 #DBACBA as 0% and #9F5068 as 100%.

0.0%	0.0% #DBACBA	RGB 219 172 186	#DBACBA
16.7%	16.7% #D19AAA	RGB 209 154 170	#D19AAA
33.3%	33.3% #C7899B	RGB 199 137 155	#C7899B
50.0%	50.0% #BD798D	RGB 189 121 141	#BD798D
66.7%	66.7% #B36A80	RGB 179 106 128	#B36A80
83.3%	83.3% #A95C74	RGB 169 92 116	#A95C74
100.0%	100.0% #9F5068	RGB 159 80 104	#9F5068

#DBACBA #D19AAA #C7899B #BD798D #B36A80 #A95C74 #9F5068

#DBACBA - #BD798D - #9F5068

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBACBA 0%, #BD798D 50%, #9F5068 100%);
    background: -webkit-linear-gradient(top, #DBACBA 0%, #BD798D 50%, #9F5068 100%);
    background: linear-gradient(to bottom, #DBACBA 0%, #BD798D 50%, #9F5068 100%);
}
</style>