#CA79AC - #FBD1C9 | 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 #CA79AC to #FBD1C9

#CA79AC #FBD1C9

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

#CA79AC - #FBD1C9 | 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 #CA79AC as 0% and #FBD1C9 as 100%.

0.0%	0.0% #CA79AC	RGB 202 121 172	#CA79AC
16.7%	16.7% #D287B0	RGB 210 135 176	#D287B0
33.3%	33.3% #DA96B5	RGB 218 150 181	#DA96B5
50.0%	50.0% #E2A5BA	RGB 226 165 186	#E2A5BA
66.7%	66.7% #EAB3BF	RGB 234 179 191	#EAB3BF
83.3%	83.3% #F2C2C4	RGB 242 194 196	#F2C2C4
100.0%	100.0% #FBD1C9	RGB 251 209 201	#FBD1C9

#CA79AC #D287B0 #DA96B5 #E2A5BA #EAB3BF #F2C2C4 #FBD1C9

#CA79AC - #FBD1C9

HSV Blend

#CA79AC - #FBD1C9 | 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 #CA79AC as 0% and #FBD1C9 as 100%.

0.0%	0.0% #CA79AC	RGB 202 121 172	#CA79AC
16.7%	16.7% #D284AB	RGB 210 132 171	#D284AB
33.3%	33.3% #DA91AC	RGB 218 145 172	#DA91AC
50.0%	50.0% #E29EAE	RGB 226 158 174	#E29EAE
66.7%	66.7% #EAACB2	RGB 234 172 178	#EAACB2
83.3%	83.3% #F2BBBA	RGB 242 187 186	#F2BBBA
100.0%	100.0% #FBD1C9	RGB 251 209 201	#FBD1C9

#CA79AC #D284AB #DA91AC #E29EAE #EAACB2 #F2BBBA #FBD1C9

#CA79AC - #E29EAE - #FBD1C9

CSS codes

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

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