#FFCDC3 - #EC7A6C | 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 #FFCDC3 to #EC7A6C

#FFCDC3 #EC7A6C

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

#FFCDC3 - #EC7A6C | 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 #FFCDC3 as 0% and #EC7A6C as 100%.

0.0%	0.0% #FFCDC3	RGB 255 205 195	#FFCDC3
16.7%	16.7% #FBBFB4	RGB 251 191 180	#FBBFB4
33.3%	33.3% #F8B1A6	RGB 248 177 166	#F8B1A6
50.0%	50.0% #F5A397	RGB 245 163 151	#F5A397
66.7%	66.7% #F29589	RGB 242 149 137	#F29589
83.3%	83.3% #EF877A	RGB 239 135 122	#EF877A
100.0%	100.0% #EC7A6C	RGB 236 122 108	#EC7A6C

#FFCDC3 #FBBFB4 #F8B1A6 #F5A397 #F29589 #EF877A #EC7A6C

#FFCDC3 - #EC7A6C

HSV Blend

#FFCDC3 - #EC7A6C | 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 #FFCDC3 as 0% and #EC7A6C as 100%.

0.0%	0.0% #FFCDC3	RGB 255 205 195	#FFCDC3
16.7%	16.7% #FBBFB3	RGB 251 191 179	#FBBFB3
33.3%	33.3% #F8B1A4	RGB 248 177 164	#F8B1A4
50.0%	50.0% #F5A396	RGB 245 163 150	#F5A396
66.7%	66.7% #F29587	RGB 242 149 135	#F29587
83.3%	83.3% #EF8779	RGB 239 135 121	#EF8779
100.0%	100.0% #EC7A6C	RGB 236 122 108	#EC7A6C

#FFCDC3 #FBBFB3 #F8B1A4 #F5A396 #F29587 #EF8779 #EC7A6C

#FFCDC3 - #F5A396 - #EC7A6C

CSS codes

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

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