#FFCCC7 - #CD6461 | 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 #FFCCC7 to #CD6461

#FFCCC7 #CD6461

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

#FFCCC7 - #CD6461 | 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 #FFCCC7 as 0% and #CD6461 as 100%.

0.0%	0.0% #FFCCC7	RGB 255 204 199	#FFCCC7
16.7%	16.7% #F6BAB6	RGB 246 186 182	#F6BAB6
33.3%	33.3% #EEA9A5	RGB 238 169 165	#EEA9A5
50.0%	50.0% #E69894	RGB 230 152 148	#E69894
66.7%	66.7% #DD8683	RGB 221 134 131	#DD8683
83.3%	83.3% #D57572	RGB 213 117 114	#D57572
100.0%	100.0% #CD6461	RGB 205 100 97	#CD6461

#FFCCC7 #F6BAB6 #EEA9A5 #E69894 #DD8683 #D57572 #CD6461

#FFCCC7 - #CD6461

HSV Blend

#FFCCC7 - #CD6461 | 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 #FFCCC7 as 0% and #CD6461 as 100%.

0.0%	0.0% #FFCCC7	RGB 255 204 199	#FFCCC7
16.7%	16.7% #F6B9B3	RGB 246 185 179	#F6B9B3
33.3%	33.3% #EEA6A1	RGB 238 166 161	#EEA6A1
50.0%	50.0% #E69590	RGB 230 149 144	#E69590
66.7%	66.7% #DD847F	RGB 221 132 127	#DD847F
83.3%	83.3% #D5736F	RGB 213 115 111	#D5736F
100.0%	100.0% #CD6461	RGB 205 100 97	#CD6461

#FFCCC7 #F6B9B3 #EEA6A1 #E69590 #DD847F #D5736F #CD6461

#FFCCC7 - #E69590 - #CD6461

CSS codes

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

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