#C25F5E - #FDB17C | 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 #C25F5E to #FDB17C

#C25F5E #FDB17C

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

#C25F5E - #FDB17C | 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 #C25F5E as 0% and #FDB17C as 100%.

0.0%	0.0% #C25F5E	RGB 194 95 94	#C25F5E
16.7%	16.7% #CB6C63	RGB 203 108 99	#CB6C63
33.3%	33.3% #D57A68	RGB 213 122 104	#D57A68
50.0%	50.0% #DF886D	RGB 223 136 109	#DF886D
66.7%	66.7% #E99572	RGB 233 149 114	#E99572
83.3%	83.3% #F3A377	RGB 243 163 119	#F3A377
100.0%	100.0% #FDB17C	RGB 253 177 124	#FDB17C

#C25F5E #CB6C63 #D57A68 #DF886D #E99572 #F3A377 #FDB17C

#C25F5E - #FDB17C

HSV Blend

#C25F5E - #FDB17C | 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 #C25F5E as 0% and #FDB17C as 100%.

0.0%	0.0% #C25F5E	RGB 194 95 94	#C25F5E
16.7%	16.7% #CB6B62	RGB 203 107 98	#CB6B62
33.3%	33.3% #D57767	RGB 213 119 103	#D57767
50.0%	50.0% #DF856C	RGB 223 133 108	#DF856C
66.7%	66.7% #E99371	RGB 233 147 113	#E99371
83.3%	83.3% #F3A176	RGB 243 161 118	#F3A176
100.0%	100.0% #FDB17C	RGB 253 177 124	#FDB17C

#C25F5E #CB6B62 #D57767 #DF856C #E99371 #F3A176 #FDB17C

#C25F5E - #DF856C - #FDB17C

CSS codes

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

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