#DBBBC4 - #AA6579 | 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 #DBBBC4 to #AA6579

#DBBBC4 #AA6579

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

#DBBBC4 - #AA6579 | 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 #DBBBC4 as 0% and #AA6579 as 100%.

0.0%	0.0% #DBBBC4	RGB 219 187 196	#DBBBC4
16.7%	16.7% #D2ACB7	RGB 210 172 183	#D2ACB7
33.3%	33.3% #CA9EAB	RGB 202 158 171	#CA9EAB
50.0%	50.0% #C2909E	RGB 194 144 158	#C2909E
66.7%	66.7% #BA8192	RGB 186 129 146	#BA8192
83.3%	83.3% #B27385	RGB 178 115 133	#B27385
100.0%	100.0% #AA6579	RGB 170 101 121	#AA6579

#DBBBC4 #D2ACB7 #CA9EAB #C2909E #BA8192 #B27385 #AA6579

#DBBBC4 - #AA6579

HSV Blend

#DBBBC4 - #AA6579 | 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 #DBBBC4 as 0% and #AA6579 as 100%.

0.0%	0.0% #DBBBC4	RGB 219 187 196	#DBBBC4
16.7%	16.7% #D2AAB6	RGB 210 170 182	#D2AAB6
33.3%	33.3% #CA9BA8	RGB 202 155 168	#CA9BA8
50.0%	50.0% #C28C9C	RGB 194 140 156	#C28C9C
66.7%	66.7% #BA7E8F	RGB 186 126 143	#BA7E8F
83.3%	83.3% #B27184	RGB 178 113 132	#B27184
100.0%	100.0% #AA6579	RGB 170 101 121	#AA6579

#DBBBC4 #D2AAB6 #CA9BA8 #C28C9C #BA7E8F #B27184 #AA6579

#DBBBC4 - #C28C9C - #AA6579

CSS codes

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

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