#CCAFB7 - #FFE7CA | 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 #CCAFB7 to #FFE7CA

#CCAFB7 #FFE7CA

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

#CCAFB7 - #FFE7CA | 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 #CCAFB7 as 0% and #FFE7CA as 100%.

0.0%	0.0% #CCAFB7	RGB 204 175 183	#CCAFB7
16.7%	16.7% #D4B8BA	RGB 212 184 186	#D4B8BA
33.3%	33.3% #DDC1BD	RGB 221 193 189	#DDC1BD
50.0%	50.0% #E5CBC0	RGB 229 203 192	#E5CBC0
66.7%	66.7% #EED4C3	RGB 238 212 195	#EED4C3
83.3%	83.3% #F6DDC6	RGB 246 221 198	#F6DDC6
100.0%	100.0% #FFE7CA	RGB 255 231 202	#FFE7CA

#CCAFB7 #D4B8BA #DDC1BD #E5CBC0 #EED4C3 #F6DDC6 #FFE7CA

#CCAFB7 - #FFE7CA

HSV Blend

#CCAFB7 - #FFE7CA | 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 #CCAFB7 as 0% and #FFE7CA as 100%.

0.0%	0.0% #CCAFB7	RGB 204 175 183	#CCAFB7
16.7%	16.7% #D4B3B8	RGB 212 179 184	#D4B3B8
33.3%	33.3% #DDB8B8	RGB 221 184 184	#DDB8B8
50.0%	50.0% #E5C2BD	RGB 229 194 189	#E5C2BD
66.7%	66.7% #EECDC1	RGB 238 205 193	#EECDC1
83.3%	83.3% #F6D9C5	RGB 246 217 197	#F6D9C5
100.0%	100.0% #FFE7CA	RGB 255 231 202	#FFE7CA

#CCAFB7 #D4B3B8 #DDB8B8 #E5C2BD #EECDC1 #F6D9C5 #FFE7CA

#CCAFB7 - #E5C2BD - #FFE7CA

CSS codes

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

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