#FFB8AD - #CE6D3C | 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 #FFB8AD to #CE6D3C

#FFB8AD #CE6D3C

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

#FFB8AD - #CE6D3C | 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 #FFB8AD as 0% and #CE6D3C as 100%.

0.0%	0.0% #FFB8AD	RGB 255 184 173	#FFB8AD
16.7%	16.7% #F6AB9A	RGB 246 171 154	#F6AB9A
33.3%	33.3% #EE9F87	RGB 238 159 135	#EE9F87
50.0%	50.0% #E69274	RGB 230 146 116	#E69274
66.7%	66.7% #DE8661	RGB 222 134 97	#DE8661
83.3%	83.3% #D6794E	RGB 214 121 78	#D6794E
100.0%	100.0% #CE6D3C	RGB 206 109 60	#CE6D3C

#FFB8AD #F6AB9A #EE9F87 #E69274 #DE8661 #D6794E #CE6D3C

#FFB8AD - #CE6D3C

HSV Blend

#FFB8AD - #CE6D3C | 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 #FFB8AD as 0% and #CE6D3C as 100%.

0.0%	0.0% #FFB8AD	RGB 255 184 173	#FFB8AD
16.7%	16.7% #F6A797	RGB 246 167 151	#F6A797
33.3%	33.3% #EE9883	RGB 238 152 131	#EE9883
50.0%	50.0% #E68B6F	RGB 230 139 111	#E68B6F
66.7%	66.7% #DE805D	RGB 222 128 93	#DE805D
83.3%	83.3% #D6754C	RGB 214 117 76	#D6754C
100.0%	100.0% #CE6D3C	RGB 206 109 60	#CE6D3C

#FFB8AD #F6A797 #EE9883 #E68B6F #DE805D #D6754C #CE6D3C

#FFB8AD - #E68B6F - #CE6D3C

CSS codes

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

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