#C77A5E - #FFAF7D | 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 #C77A5E to #FFAF7D

#C77A5E #FFAF7D

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

#C77A5E - #FFAF7D | 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 #C77A5E as 0% and #FFAF7D as 100%.

0.0%	0.0% #C77A5E	RGB 199 122 94	#C77A5E
16.7%	16.7% #D08263	RGB 208 130 99	#D08263
33.3%	33.3% #D98B68	RGB 217 139 104	#D98B68
50.0%	50.0% #E3946D	RGB 227 148 109	#E3946D
66.7%	66.7% #EC9D72	RGB 236 157 114	#EC9D72
83.3%	83.3% #F5A677	RGB 245 166 119	#F5A677
100.0%	100.0% #FFAF7D	RGB 255 175 125	#FFAF7D

#C77A5E #D08263 #D98B68 #E3946D #EC9D72 #F5A677 #FFAF7D

#C77A5E - #FFAF7D

HSV Blend

#C77A5E - #FFAF7D | 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 #C77A5E as 0% and #FFAF7D as 100%.

0.0%	0.0% #C77A5E	RGB 199 122 94	#C77A5E
16.7%	16.7% #D08263	RGB 208 130 99	#D08263
33.3%	33.3% #D98A68	RGB 217 138 104	#D98A68
50.0%	50.0% #E3936D	RGB 227 147 109	#E3936D
66.7%	66.7% #EC9C72	RGB 236 156 114	#EC9C72
83.3%	83.3% #F5A577	RGB 245 165 119	#F5A577
100.0%	100.0% #FFAF7D	RGB 255 175 125	#FFAF7D

#C77A5E #D08263 #D98A68 #E3936D #EC9C72 #F5A577 #FFAF7D

#C77A5E - #E3936D - #FFAF7D

CSS codes

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

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