#DBBEC5 - #AA697A | 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 #DBBEC5 to #AA697A

#DBBEC5 #AA697A

Calculate the color between two colors, #DBBEC5 and #AA697A. 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)

#DBBEC5 - #AA697A | 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 #DBBEC5 as 0% and #AA697A as 100%.

0.0%	0.0% #DBBEC5	RGB 219 190 197	#DBBEC5
16.7%	16.7% #D2AFB8	RGB 210 175 184	#D2AFB8
33.3%	33.3% #CAA1AC	RGB 202 161 172	#CAA1AC
50.0%	50.0% #C2939F	RGB 194 147 159	#C2939F
66.7%	66.7% #BA8593	RGB 186 133 147	#BA8593
83.3%	83.3% #B27786	RGB 178 119 134	#B27786
100.0%	100.0% #AA697A	RGB 170 105 122	#AA697A

#DBBEC5 #D2AFB8 #CAA1AC #C2939F #BA8593 #B27786 #AA697A

#DBBEC5 - #AA697A

HSV Blend

#DBBEC5 - #AA697A | 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 #DBBEC5 as 0% and #AA697A as 100%.

0.0%	0.0% #DBBEC5	RGB 219 190 197	#DBBEC5
16.7%	16.7% #D2AEB7	RGB 210 174 183	#D2AEB7
33.3%	33.3% #CA9EA9	RGB 202 158 169	#CA9EA9
50.0%	50.0% #C2909D	RGB 194 144 157	#C2909D
66.7%	66.7% #BA8290	RGB 186 130 144	#BA8290
83.3%	83.3% #B27585	RGB 178 117 133	#B27585
100.0%	100.0% #AA697A	RGB 170 105 122	#AA697A

#DBBEC5 #D2AEB7 #CA9EA9 #C2909D #BA8290 #B27585 #AA697A

#DBBEC5 - #C2909D - #AA697A

CSS codes

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

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