#DBBCC3 - #AF606C | 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 #DBBCC3 to #AF606C

#DBBCC3 #AF606C

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

#DBBCC3 - #AF606C | 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 #DBBCC3 as 0% and #AF606C as 100%.

0.0%	0.0% #DBBCC3	RGB 219 188 195	#DBBCC3
16.7%	16.7% #D3ACB4	RGB 211 172 180	#D3ACB4
33.3%	33.3% #CC9DA6	RGB 204 157 166	#CC9DA6
50.0%	50.0% #C58E97	RGB 197 142 151	#C58E97
66.7%	66.7% #BD7E89	RGB 189 126 137	#BD7E89
83.3%	83.3% #B66F7A	RGB 182 111 122	#B66F7A
100.0%	100.0% #AF606C	RGB 175 96 108	#AF606C

#DBBCC3 #D3ACB4 #CC9DA6 #C58E97 #BD7E89 #B66F7A #AF606C

#DBBCC3 - #AF606C

HSV Blend

#DBBCC3 - #AF606C | 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 #DBBCC3 as 0% and #AF606C as 100%.

0.0%	0.0% #DBBCC3	RGB 219 188 195	#DBBCC3
16.7%	16.7% #D3AAB3	RGB 211 170 179	#D3AAB3
33.3%	33.3% #CC9AA4	RGB 204 154 164	#CC9AA4
50.0%	50.0% #C58A95	RGB 197 138 149	#C58A95
66.7%	66.7% #BD7B87	RGB 189 123 135	#BD7B87
83.3%	83.3% #B66D79	RGB 182 109 121	#B66D79
100.0%	100.0% #AF606C	RGB 175 96 108	#AF606C

#DBBCC3 #D3AAB3 #CC9AA4 #C58A95 #BD7B87 #B66D79 #AF606C

#DBBCC3 - #C58A95 - #AF606C

CSS codes

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

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