#CA5E65 - #FFAE76 | 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 #CA5E65 to #FFAE76

#CA5E65 #FFAE76

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

#CA5E65 - #FFAE76 | 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 #CA5E65 as 0% and #FFAE76 as 100%.

0.0%	0.0% #CA5E65	RGB 202 94 101	#CA5E65
16.7%	16.7% #D26B67	RGB 210 107 103	#D26B67
33.3%	33.3% #DB786A	RGB 219 120 106	#DB786A
50.0%	50.0% #E4866D	RGB 228 134 109	#E4866D
66.7%	66.7% #ED9370	RGB 237 147 112	#ED9370
83.3%	83.3% #F6A073	RGB 246 160 115	#F6A073
100.0%	100.0% #FFAE76	RGB 255 174 118	#FFAE76

#CA5E65 #D26B67 #DB786A #E4866D #ED9370 #F6A073 #FFAE76

#CA5E65 - #FFAE76

HSV Blend

#CA5E65 - #FFAE76 | 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 #CA5E65 as 0% and #FFAE76 as 100%.

0.0%	0.0% #CA5E65	RGB 202 94 101	#CA5E65
16.7%	16.7% #D26362	RGB 210 99 98	#D26362
33.3%	33.3% #DB7066	RGB 219 112 102	#DB7066
50.0%	50.0% #E47F6A	RGB 228 127 106	#E47F6A
66.7%	66.7% #ED8D6E	RGB 237 141 110	#ED8D6E
83.3%	83.3% #F69D72	RGB 246 157 114	#F69D72
100.0%	100.0% #FFAE76	RGB 255 174 118	#FFAE76

#CA5E65 #D26362 #DB7066 #E47F6A #ED8D6E #F69D72 #FFAE76

#CA5E65 - #E47F6A - #FFAE76

CSS codes

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

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