#F1CDCD - #CC5E5D | 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 #F1CDCD to #CC5E5D

#F1CDCD #CC5E5D

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

#F1CDCD - #CC5E5D | 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 #F1CDCD as 0% and #CC5E5D as 100%.

0.0%	0.0% #F1CDCD	RGB 241 205 205	#F1CDCD
16.7%	16.7% #EABABA	RGB 234 186 186	#EABABA
33.3%	33.3% #E4A8A7	RGB 228 168 167	#E4A8A7
50.0%	50.0% #DE9595	RGB 222 149 149	#DE9595
66.7%	66.7% #D88382	RGB 216 131 130	#D88382
83.3%	83.3% #D2706F	RGB 210 112 111	#D2706F
100.0%	100.0% #CC5E5D	RGB 204 94 93	#CC5E5D

#F1CDCD #EABABA #E4A8A7 #DE9595 #D88382 #D2706F #CC5E5D

#F1CDCD - #CC5E5D

HSV Blend

#F1CDCD - #CC5E5D | 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 #F1CDCD as 0% and #CC5E5D as 100%.

0.0%	0.0% #F1CDCD	RGB 241 205 205	#F1CDCD
16.7%	16.7% #EAB8B8	RGB 234 184 184	#EAB8B8
33.3%	33.3% #E4A4A4	RGB 228 164 164	#E4A4A4
50.0%	50.0% #DE9191	RGB 222 145 145	#DE9191
66.7%	66.7% #D87F7F	RGB 216 127 127	#D87F7F
83.3%	83.3% #D26E6D	RGB 210 110 109	#D26E6D
100.0%	100.0% #CC5E5D	RGB 204 94 93	#CC5E5D

#F1CDCD #EAB8B8 #E4A4A4 #DE9191 #D87F7F #D26E6D #CC5E5D

#F1CDCD - #DE9191 - #CC5E5D

CSS codes

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

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