#DBCAD2 - #9F699C | 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 #DBCAD2 to #9F699C

#DBCAD2 #9F699C

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

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

0.0%	0.0% #DBCAD2	RGB 219 202 210	#DBCAD2
16.7%	16.7% #D1B9C9	RGB 209 185 201	#D1B9C9
33.3%	33.3% #C7A9C0	RGB 199 169 192	#C7A9C0
50.0%	50.0% #BD99B7	RGB 189 153 183	#BD99B7
66.7%	66.7% #B389AE	RGB 179 137 174	#B389AE
83.3%	83.3% #A979A5	RGB 169 121 165	#A979A5
100.0%	100.0% #9F699C	RGB 159 105 156	#9F699C

#DBCAD2 #D1B9C9 #C7A9C0 #BD99B7 #B389AE #A979A5 #9F699C

#DBCAD2 - #9F699C

HSV Blend

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

0.0%	0.0% #DBCAD2	RGB 219 202 210	#DBCAD2
16.7%	16.7% #D1B7C5	RGB 209 183 197	#D1B7C5
33.3%	33.3% #C7A6BA	RGB 199 166 186	#C7A6BA
50.0%	50.0% #BD95B1	RGB 189 149 177	#BD95B1
66.7%	66.7% #B385A9	RGB 179 133 169	#B385A9
83.3%	83.3% #A976A2	RGB 169 118 162	#A976A2
100.0%	100.0% #9F699C	RGB 159 105 156	#9F699C

#DBCAD2 #D1B7C5 #C7A6BA #BD95B1 #B385A9 #A976A2 #9F699C

#DBCAD2 - #BD95B1 - #9F699C

CSS codes

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

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