#C34D4D - #FF9F66 | 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 #C34D4D to #FF9F66

#C34D4D #FF9F66

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

#C34D4D - #FF9F66 | 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 #C34D4D as 0% and #FF9F66 as 100%.

0.0%	0.0% #C34D4D	RGB 195 77 77	#C34D4D
16.7%	16.7% #CD5A51	RGB 205 90 81	#CD5A51
33.3%	33.3% #D76855	RGB 215 104 85	#D76855
50.0%	50.0% #E17659	RGB 225 118 89	#E17659
66.7%	66.7% #EB835D	RGB 235 131 93	#EB835D
83.3%	83.3% #F59161	RGB 245 145 97	#F59161
100.0%	100.0% #FF9F66	RGB 255 159 102	#FF9F66

#C34D4D #CD5A51 #D76855 #E17659 #EB835D #F59161 #FF9F66

#C34D4D - #FF9F66

HSV Blend

#C34D4D - #FF9F66 | 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 #C34D4D as 0% and #FF9F66 as 100%.

0.0%	0.0% #C34D4D	RGB 195 77 77	#C34D4D
16.7%	16.7% #CD5851	RGB 205 88 81	#CD5851
33.3%	33.3% #D76555	RGB 215 101 85	#D76555
50.0%	50.0% #E17259	RGB 225 114 89	#E17259
66.7%	66.7% #EB805D	RGB 235 128 93	#EB805D
83.3%	83.3% #F58F61	RGB 245 143 97	#F58F61
100.0%	100.0% #FF9F66	RGB 255 159 102	#FF9F66

#C34D4D #CD5851 #D76555 #E17259 #EB805D #F58F61 #FF9F66

#C34D4D - #E17259 - #FF9F66

CSS codes

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

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