#CAA1A8 - #FFF2CC | 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 #CAA1A8 to #FFF2CC

#CAA1A8 #FFF2CC

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

#CAA1A8 - #FFF2CC | 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 #CAA1A8 as 0% and #FFF2CC as 100%.

0.0%	0.0% #CAA1A8	RGB 202 161 168	#CAA1A8
16.7%	16.7% #D2AEAE	RGB 210 174 174	#D2AEAE
33.3%	33.3% #DBBCB4	RGB 219 188 180	#DBBCB4
50.0%	50.0% #E4C9BA	RGB 228 201 186	#E4C9BA
66.7%	66.7% #EDD7C0	RGB 237 215 192	#EDD7C0
83.3%	83.3% #F6E4C6	RGB 246 228 198	#F6E4C6
100.0%	100.0% #FFF2CC	RGB 255 242 204	#FFF2CC

#CAA1A8 #D2AEAE #DBBCB4 #E4C9BA #EDD7C0 #F6E4C6 #FFF2CC

#CAA1A8 - #FFF2CC

HSV Blend

#CAA1A8 - #FFF2CC | 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 #CAA1A8 as 0% and #FFF2CC as 100%.

0.0%	0.0% #CAA1A8	RGB 202 161 168	#CAA1A8
16.7%	16.7% #D2A8A8	RGB 210 168 168	#D2A8A8
33.3%	33.3% #DBB5AF	RGB 219 181 175	#DBB5AF
50.0%	50.0% #E4C3B6	RGB 228 195 182	#E4C3B6
66.7%	66.7% #EDD2BD	RGB 237 210 189	#EDD2BD
83.3%	83.3% #F6E2C4	RGB 246 226 196	#F6E2C4
100.0%	100.0% #FFF2CC	RGB 255 242 204	#FFF2CC

#CAA1A8 #D2A8A8 #DBB5AF #E4C3B6 #EDD2BD #F6E2C4 #FFF2CC

#CAA1A8 - #E4C3B6 - #FFF2CC

CSS codes

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

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