#C14D4D - #FE9F67 | 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 #C14D4D to #FE9F67

#C14D4D #FE9F67

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

#C14D4D - #FE9F67 | 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 #C14D4D as 0% and #FE9F67 as 100%.

0.0%	0.0% #C14D4D	RGB 193 77 77	#C14D4D
16.7%	16.7% #CB5A51	RGB 203 90 81	#CB5A51
33.3%	33.3% #D56855	RGB 213 104 85	#D56855
50.0%	50.0% #DF765A	RGB 223 118 90	#DF765A
66.7%	66.7% #E9835E	RGB 233 131 94	#E9835E
83.3%	83.3% #F39162	RGB 243 145 98	#F39162
100.0%	100.0% #FE9F67	RGB 254 159 103	#FE9F67

#C14D4D #CB5A51 #D56855 #DF765A #E9835E #F39162 #FE9F67

#C14D4D - #FE9F67

HSV Blend

#C14D4D - #FE9F67 | 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 #C14D4D as 0% and #FE9F67 as 100%.

0.0%	0.0% #C14D4D	RGB 193 77 77	#C14D4D
16.7%	16.7% #CB5851	RGB 203 88 81	#CB5851
33.3%	33.3% #D56555	RGB 213 101 85	#D56555
50.0%	50.0% #DF7259	RGB 223 114 89	#DF7259
66.7%	66.7% #E9805E	RGB 233 128 94	#E9805E
83.3%	83.3% #F38F62	RGB 243 143 98	#F38F62
100.0%	100.0% #FE9F67	RGB 254 159 103	#FE9F67

#C14D4D #CB5851 #D56555 #DF7259 #E9805E #F38F62 #FE9F67

#C14D4D - #DF7259 - #FE9F67

CSS codes

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

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