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

#C8AFB7 #FFE7CA

Calculate the color between two colors, #C8AFB7 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)

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

0.0%	0.0% #C8AFB7	RGB 200 175 183	#C8AFB7
16.7%	16.7% #D1B8BA	RGB 209 184 186	#D1B8BA
33.3%	33.3% #DAC1BD	RGB 218 193 189	#DAC1BD
50.0%	50.0% #E3CBC0	RGB 227 203 192	#E3CBC0
66.7%	66.7% #ECD4C3	RGB 236 212 195	#ECD4C3
83.3%	83.3% #F5DDC6	RGB 245 221 198	#F5DDC6
100.0%	100.0% #FFE7CA	RGB 255 231 202	#FFE7CA

#C8AFB7 #D1B8BA #DAC1BD #E3CBC0 #ECD4C3 #F5DDC6 #FFE7CA

#C8AFB7 - #FFE7CA

HSV Blend

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

0.0%	0.0% #C8AFB7	RGB 200 175 183	#C8AFB7
16.7%	16.7% #D1B4B9	RGB 209 180 185	#D1B4B9
33.3%	33.3% #DAB9BA	RGB 218 185 186	#DAB9BA
50.0%	50.0% #E3C1BD	RGB 227 193 189	#E3C1BD
66.7%	66.7% #ECCDC2	RGB 236 205 194	#ECCDC2
83.3%	83.3% #F5D9C6	RGB 245 217 198	#F5D9C6
100.0%	100.0% #FFE7CA	RGB 255 231 202	#FFE7CA

#C8AFB7 #D1B4B9 #DAB9BA #E3C1BD #ECCDC2 #F5D9C6 #FFE7CA

#C8AFB7 - #E3C1BD - #FFE7CA

CSS codes

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

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