#CC4D4D - #FFA166 | 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 #CC4D4D to #FFA166

#CC4D4D #FFA166

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

#CC4D4D - #FFA166 | 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 #CC4D4D as 0% and #FFA166 as 100%.

0.0%	0.0% #CC4D4D	RGB 204 77 77	#CC4D4D
16.7%	16.7% #D45B51	RGB 212 91 81	#D45B51
33.3%	33.3% #DD6955	RGB 221 105 85	#DD6955
50.0%	50.0% #E57759	RGB 229 119 89	#E57759
66.7%	66.7% #EE855D	RGB 238 133 93	#EE855D
83.3%	83.3% #F69361	RGB 246 147 97	#F69361
100.0%	100.0% #FFA166	RGB 255 161 102	#FFA166

#CC4D4D #D45B51 #DD6955 #E57759 #EE855D #F69361 #FFA166

#CC4D4D - #FFA166

HSV Blend

#CC4D4D - #FFA166 | 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 #CC4D4D as 0% and #FFA166 as 100%.

0.0%	0.0% #CC4D4D	RGB 204 77 77	#CC4D4D
16.7%	16.7% #D45951	RGB 212 89 81	#D45951
33.3%	33.3% #DD6655	RGB 221 102 85	#DD6655
50.0%	50.0% #E57459	RGB 229 116 89	#E57459
66.7%	66.7% #EE825D	RGB 238 130 93	#EE825D
83.3%	83.3% #F69161	RGB 246 145 97	#F69161
100.0%	100.0% #FFA166	RGB 255 161 102	#FFA166

#CC4D4D #D45951 #DD6655 #E57459 #EE825D #F69161 #FFA166

#CC4D4D - #E57459 - #FFA166

CSS codes

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

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