#CF5E4D - #FFAF66 | 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 #CF5E4D to #FFAF66

#CF5E4D #FFAF66

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

#CF5E4D - #FFAF66 | 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 #CF5E4D as 0% and #FFAF66 as 100%.

0.0%	0.0% #CF5E4D	RGB 207 94 77	#CF5E4D
16.7%	16.7% #D76B51	RGB 215 107 81	#D76B51
33.3%	33.3% #DF7955	RGB 223 121 85	#DF7955
50.0%	50.0% #E78659	RGB 231 134 89	#E78659
66.7%	66.7% #EF945D	RGB 239 148 93	#EF945D
83.3%	83.3% #F7A161	RGB 247 161 97	#F7A161
100.0%	100.0% #FFAF66	RGB 255 175 102	#FFAF66

#CF5E4D #D76B51 #DF7955 #E78659 #EF945D #F7A161 #FFAF66

#CF5E4D - #FFAF66

HSV Blend

#CF5E4D - #FFAF66 | 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 #CF5E4D as 0% and #FFAF66 as 100%.

0.0%	0.0% #CF5E4D	RGB 207 94 77	#CF5E4D
16.7%	16.7% #D76A50	RGB 215 106 80	#D76A50
33.3%	33.3% #DF7755	RGB 223 119 85	#DF7755
50.0%	50.0% #E78459	RGB 231 132 89	#E78459
66.7%	66.7% #EF925D	RGB 239 146 93	#EF925D
83.3%	83.3% #F7A061	RGB 247 160 97	#F7A061
100.0%	100.0% #FFAF66	RGB 255 175 102	#FFAF66

#CF5E4D #D76A50 #DF7755 #E78459 #EF925D #F7A061 #FFAF66

#CF5E4D - #E78459 - #FFAF66

CSS codes

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

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