#CC512D - #F0CCC3 | 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 #CC512D to #F0CCC3

#CC512D #F0CCC3

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

#CC512D - #F0CCC3 | 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 #CC512D as 0% and #F0CCC3 as 100%.

0.0%	0.0% #CC512D	RGB 204 81 45	#CC512D
16.7%	16.7% #D26546	RGB 210 101 70	#D26546
33.3%	33.3% #D87A5F	RGB 216 122 95	#D87A5F
50.0%	50.0% #DE8E78	RGB 222 142 120	#DE8E78
66.7%	66.7% #E4A391	RGB 228 163 145	#E4A391
83.3%	83.3% #EAB7AA	RGB 234 183 170	#EAB7AA
100.0%	100.0% #F0CCC3	RGB 240 204 195	#F0CCC3

#CC512D #D26546 #D87A5F #DE8E78 #E4A391 #EAB7AA #F0CCC3

#CC512D - #F0CCC3

HSV Blend

#CC512D - #F0CCC3 | 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 #CC512D as 0% and #F0CCC3 as 100%.

0.0%	0.0% #CC512C	RGB 204 81 44	#CC512C
16.7%	16.7% #D26243	RGB 210 98 67	#D26243
33.3%	33.3% #D8755A	RGB 216 117 90	#D8755A
50.0%	50.0% #DE8972	RGB 222 137 114	#DE8972
66.7%	66.7% #E49E8C	RGB 228 158 140	#E49E8C
83.3%	83.3% #EAB4A7	RGB 234 180 167	#EAB4A7
100.0%	100.0% #F0CCC3	RGB 240 204 195	#F0CCC3

#CC512C #D26243 #D8755A #DE8972 #E49E8C #EAB4A7 #F0CCC3

#CC512D - #DE8972 - #F0CCC3

CSS codes

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

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