#CF5E4C - #F1D1CB | 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 #CF5E4C to #F1D1CB

#CF5E4C #F1D1CB

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

#CF5E4C - #F1D1CB | 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 #CF5E4C as 0% and #F1D1CB as 100%.

0.0%	0.0% #CF5E4C	RGB 207 94 76	#CF5E4C
16.7%	16.7% #D47161	RGB 212 113 97	#D47161
33.3%	33.3% #DA8476	RGB 218 132 118	#DA8476
50.0%	50.0% #E0978B	RGB 224 151 139	#E0978B
66.7%	66.7% #E5AAA0	RGB 229 170 160	#E5AAA0
83.3%	83.3% #EBBDB5	RGB 235 189 181	#EBBDB5
100.0%	100.0% #F1D1CB	RGB 241 209 203	#F1D1CB

#CF5E4C #D47161 #DA8476 #E0978B #E5AAA0 #EBBDB5 #F1D1CB

#CF5E4C - #F1D1CB

HSV Blend

#CF5E4C - #F1D1CB | 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 #CF5E4C as 0% and #F1D1CB as 100%.

0.0%	0.0% #CF5E4C	RGB 207 94 76	#CF5E4C
16.7%	16.7% #D46F5E	RGB 212 111 94	#D46F5E
33.3%	33.3% #DA8172	RGB 218 129 114	#DA8172
50.0%	50.0% #E09487	RGB 224 148 135	#E09487
66.7%	66.7% #E5A89D	RGB 229 168 157	#E5A89D
83.3%	83.3% #EBBCB3	RGB 235 188 179	#EBBCB3
100.0%	100.0% #F1D1CB	RGB 241 209 203	#F1D1CB

#CF5E4C #D46F5E #DA8172 #E09487 #E5A89D #EBBCB3 #F1D1CB

#CF5E4C - #E09487 - #F1D1CB

CSS codes

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

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