#DBBAC1 - #AF5E6C | 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 #DBBAC1 to #AF5E6C

#DBBAC1 #AF5E6C

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

#DBBAC1 - #AF5E6C | 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 #DBBAC1 as 0% and #AF5E6C as 100%.

0.0%	0.0% #DBBAC1	RGB 219 186 193	#DBBAC1
16.7%	16.7% #D3AAB2	RGB 211 170 178	#D3AAB2
33.3%	33.3% #CC9BA4	RGB 204 155 164	#CC9BA4
50.0%	50.0% #C58C96	RGB 197 140 150	#C58C96
66.7%	66.7% #BD7C88	RGB 189 124 136	#BD7C88
83.3%	83.3% #B66D7A	RGB 182 109 122	#B66D7A
100.0%	100.0% #AF5E6C	RGB 175 94 108	#AF5E6C

#DBBAC1 #D3AAB2 #CC9BA4 #C58C96 #BD7C88 #B66D7A #AF5E6C

#DBBAC1 - #AF5E6C

HSV Blend

#DBBAC1 - #AF5E6C | 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 #DBBAC1 as 0% and #AF5E6C as 100%.

0.0%	0.0% #DBBAC1	RGB 219 186 193	#DBBAC1
16.7%	16.7% #D3A8B1	RGB 211 168 177	#D3A8B1
33.3%	33.3% #CC98A2	RGB 204 152 162	#CC98A2
50.0%	50.0% #C58894	RGB 197 136 148	#C58894
66.7%	66.7% #BD7986	RGB 189 121 134	#BD7986
83.3%	83.3% #B66B78	RGB 182 107 120	#B66B78
100.0%	100.0% #AF5E6C	RGB 175 94 108	#AF5E6C

#DBBAC1 #D3A8B1 #CC98A2 #C58894 #BD7986 #B66B78 #AF5E6C

#DBBAC1 - #C58894 - #AF5E6C

CSS codes

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

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