#DBBACB - #AF5E81 | 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 #DBBACB to #AF5E81

#DBBACB #AF5E81

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

#DBBACB - #AF5E81 | 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 #DBBACB as 0% and #AF5E81 as 100%.

0.0%	0.0% #DBBACB	RGB 219 186 203	#DBBACB
16.7%	16.7% #D3AABE	RGB 211 170 190	#D3AABE
33.3%	33.3% #CC9BB2	RGB 204 155 178	#CC9BB2
50.0%	50.0% #C58CA6	RGB 197 140 166	#C58CA6
66.7%	66.7% #BD7C99	RGB 189 124 153	#BD7C99
83.3%	83.3% #B66D8D	RGB 182 109 141	#B66D8D
100.0%	100.0% #AF5E81	RGB 175 94 129	#AF5E81

#DBBACB #D3AABE #CC9BB2 #C58CA6 #BD7C99 #B66D8D #AF5E81

#DBBACB - #AF5E81

HSV Blend

#DBBACB - #AF5E81 | 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 #DBBACB as 0% and #AF5E81 as 100%.

0.0%	0.0% #DBBACB	RGB 219 186 203	#DBBACB
16.7%	16.7% #D3A8BE	RGB 211 168 190	#D3A8BE
33.3%	33.3% #CC98B1	RGB 204 152 177	#CC98B1
50.0%	50.0% #C588A5	RGB 197 136 165	#C588A5
66.7%	66.7% #BD7998	RGB 189 121 152	#BD7998
83.3%	83.3% #B66B8C	RGB 182 107 140	#B66B8C
100.0%	100.0% #AF5E81	RGB 175 94 129	#AF5E81

#DBBACB #D3A8BE #CC98B1 #C588A5 #BD7998 #B66B8C #AF5E81

#DBBACB - #C588A5 - #AF5E81

CSS codes

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

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