#FFCA85 - #483926 | 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 #FFCA85 to #483926

#FFCA85 #483926

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

#FFCA85 - #483926 | 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 #FFCA85 as 0% and #483926 as 100%.

0.0%	0.0% #FFCA85	RGB 255 202 133	#FFCA85
16.7%	16.7% #E0B175	RGB 224 177 117	#E0B175
33.3%	33.3% #C29965	RGB 194 153 101	#C29965
50.0%	50.0% #A38155	RGB 163 129 85	#A38155
66.7%	66.7% #846945	RGB 132 105 69	#846945
83.3%	83.3% #665135	RGB 102 81 53	#665135
100.0%	100.0% #483926	RGB 72 57 38	#483926

#FFCA85 #E0B175 #C29965 #A38155 #846945 #665135 #483926

#FFCA85 - #483926

HSV Blend

#FFCA85 - #483926 | 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 #FFCA85 as 0% and #483926 as 100%.

0.0%	0.0% #FFCA85	RGB 255 202 133	#FFCA85
16.7%	16.7% #E0B175	RGB 224 177 117	#E0B175
33.3%	33.3% #C29965	RGB 194 153 101	#C29965
50.0%	50.0% #A38155	RGB 163 129 85	#A38155
66.7%	66.7% #846945	RGB 132 105 69	#846945
83.3%	83.3% #665135	RGB 102 81 53	#665135
100.0%	100.0% #483926	RGB 72 57 38	#483926

#FFCA85 #E0B175 #C29965 #A38155 #846945 #665135 #483926

#FFCA85 - #A38155 - #483926

CSS codes

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

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