#CF6E5E - #F1D5D1 | 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 #CF6E5E to #F1D5D1

#CF6E5E #F1D5D1

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

#CF6E5E - #F1D5D1 | 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 #CF6E5E as 0% and #F1D5D1 as 100%.

0.0%	0.0% #CF6E5E	RGB 207 110 94	#CF6E5E
16.7%	16.7% #D47F71	RGB 212 127 113	#D47F71
33.3%	33.3% #DA9084	RGB 218 144 132	#DA9084
50.0%	50.0% #E0A197	RGB 224 161 151	#E0A197
66.7%	66.7% #E5B2AA	RGB 229 178 170	#E5B2AA
83.3%	83.3% #EBC3BD	RGB 235 195 189	#EBC3BD
100.0%	100.0% #F1D5D1	RGB 241 213 209	#F1D5D1

#CF6E5E #D47F71 #DA9084 #E0A197 #E5B2AA #EBC3BD #F1D5D1

#CF6E5E - #F1D5D1

HSV Blend

#CF6E5E - #F1D5D1 | 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 #CF6E5E as 0% and #F1D5D1 as 100%.

0.0%	0.0% #CF6E5E	RGB 207 110 94	#CF6E5E
16.7%	16.7% #D47D6F	RGB 212 125 111	#D47D6F
33.3%	33.3% #DA8D81	RGB 218 141 129	#DA8D81
50.0%	50.0% #E09E93	RGB 224 158 147	#E09E93
66.7%	66.7% #E5AFA7	RGB 229 175 167	#E5AFA7
83.3%	83.3% #EBC1BB	RGB 235 193 187	#EBC1BB
100.0%	100.0% #F1D5D1	RGB 241 213 209	#F1D5D1

#CF6E5E #D47D6F #DA8D81 #E09E93 #E5AFA7 #EBC1BB #F1D5D1

#CF6E5E - #E09E93 - #F1D5D1

CSS codes

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

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