#FFE6E2 - #CB8F8F | 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 #FFE6E2 to #CB8F8F

#FFE6E2 #CB8F8F

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

#FFE6E2 - #CB8F8F | 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 #FFE6E2 as 0% and #CB8F8F as 100%.

0.0%	0.0% #FFE6E2	RGB 255 230 226	#FFE6E2
16.7%	16.7% #F6D7D4	RGB 246 215 212	#F6D7D4
33.3%	33.3% #EDC9C6	RGB 237 201 198	#EDC9C6
50.0%	50.0% #E5BAB8	RGB 229 186 184	#E5BAB8
66.7%	66.7% #DCACAA	RGB 220 172 170	#DCACAA
83.3%	83.3% #D39D9C	RGB 211 157 156	#D39D9C
100.0%	100.0% #CB8F8F	RGB 203 143 143	#CB8F8F

#FFE6E2 #F6D7D4 #EDC9C6 #E5BAB8 #DCACAA #D39D9C #CB8F8F

#FFE6E2 - #CB8F8F

HSV Blend

#FFE6E2 - #CB8F8F | 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 #FFE6E2 as 0% and #CB8F8F as 100%.

0.0%	0.0% #FFE6E2	RGB 255 230 226	#FFE6E2
16.7%	16.7% #F6D6D2	RGB 246 214 210	#F6D6D2
33.3%	33.3% #EDC8C4	RGB 237 200 196	#EDC8C4
50.0%	50.0% #E5B9B6	RGB 229 185 182	#E5B9B6
66.7%	66.7% #DCAAA8	RGB 220 170 168	#DCAAA8
83.3%	83.3% #D39C9B	RGB 211 156 155	#D39C9B
100.0%	100.0% #CB8F8F	RGB 203 143 143	#CB8F8F

#FFE6E2 #F6D6D2 #EDC8C4 #E5B9B6 #DCAAA8 #D39C9B #CB8F8F

#FFE6E2 - #E5B9B6 - #CB8F8F

CSS codes

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

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