#DCAAAC - #F5E6E7 | 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 #DCAAAC to #F5E6E7

#DCAAAC #F5E6E7

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

#DCAAAC - #F5E6E7 | 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 #DCAAAC as 0% and #F5E6E7 as 100%.

0.0%	0.0% #DCAAAC	RGB 220 170 172	#DCAAAC
16.7%	16.7% #E0B4B5	RGB 224 180 181	#E0B4B5
33.3%	33.3% #E4BEBF	RGB 228 190 191	#E4BEBF
50.0%	50.0% #E8C8C9	RGB 232 200 201	#E8C8C9
66.7%	66.7% #ECD2D3	RGB 236 210 211	#ECD2D3
83.3%	83.3% #F0DCDD	RGB 240 220 221	#F0DCDD
100.0%	100.0% #F5E6E7	RGB 245 230 231	#F5E6E7

#DCAAAC #E0B4B5 #E4BEBF #E8C8C9 #ECD2D3 #F0DCDD #F5E6E7

#DCAAAC - #F5E6E7

HSV Blend

#DCAAAC - #F5E6E7 | 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 #DCAAAC as 0% and #F5E6E7 as 100%.

0.0%	0.0% #DCAAAC	RGB 220 170 172	#DCAAAC
16.7%	16.7% #E0B3B5	RGB 224 179 181	#E0B3B5
33.3%	33.3% #E4BDBE	RGB 228 189 190	#E4BDBE
50.0%	50.0% #E8C6C8	RGB 232 198 200	#E8C6C8
66.7%	66.7% #ECD1D2	RGB 236 209 210	#ECD1D2
83.3%	83.3% #F0DBDC	RGB 240 219 220	#F0DBDC
100.0%	100.0% #F5E6E7	RGB 245 230 231	#F5E6E7

#DCAAAC #E0B3B5 #E4BDBE #E8C6C8 #ECD1D2 #F0DBDC #F5E6E7

#DCAAAC - #E8C6C8 - #F5E6E7

CSS codes

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

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