#DCACAC - #FDECCF | 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 #DCACAC to #FDECCF

#DCACAC #FDECCF

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

#DCACAC - #FDECCF | 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 #DCACAC as 0% and #FDECCF as 100%.

0.0%	0.0% #DCACAC	RGB 220 172 172	#DCACAC
16.7%	16.7% #E1B6B1	RGB 225 182 177	#E1B6B1
33.3%	33.3% #E7C1B7	RGB 231 193 183	#E7C1B7
50.0%	50.0% #ECCCBD	RGB 236 204 189	#ECCCBD
66.7%	66.7% #F2D6C3	RGB 242 214 195	#F2D6C3
83.3%	83.3% #F7E1C9	RGB 247 225 201	#F7E1C9
100.0%	100.0% #FDECCF	RGB 253 236 207	#FDECCF

#DCACAC #E1B6B1 #E7C1B7 #ECCCBD #F2D6C3 #F7E1C9 #FDECCF

#DCACAC - #FDECCF

HSV Blend

#DCACAC - #FDECCF | 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 #DCACAC as 0% and #FDECCF as 100%.

0.0%	0.0% #DCACAC	RGB 220 172 172	#DCACAC
16.7%	16.7% #E1B6B1	RGB 225 182 177	#E1B6B1
33.3%	33.3% #E7C1B7	RGB 231 193 183	#E7C1B7
50.0%	50.0% #ECCCBD	RGB 236 204 189	#ECCCBD
66.7%	66.7% #F2D6C3	RGB 242 214 195	#F2D6C3
83.3%	83.3% #F7E1C9	RGB 247 225 201	#F7E1C9
100.0%	100.0% #FDECCF	RGB 253 236 207	#FDECCF

#DCACAC #E1B6B1 #E7C1B7 #ECCCBD #F2D6C3 #F7E1C9 #FDECCF

#DCACAC - #ECCCBD - #FDECCF

CSS codes

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

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