#C4965C - #FFD37B | 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 #C4965C to #FFD37B

#C4965C #FFD37B

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

#C4965C - #FFD37B | 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 #C4965C as 0% and #FFD37B as 100%.

0.0%	0.0% #C4965C	RGB 196 150 92	#C4965C
16.7%	16.7% #CDA061	RGB 205 160 97	#CDA061
33.3%	33.3% #D7AA66	RGB 215 170 102	#D7AA66
50.0%	50.0% #E1B46B	RGB 225 180 107	#E1B46B
66.7%	66.7% #EBBE70	RGB 235 190 112	#EBBE70
83.3%	83.3% #F5C875	RGB 245 200 117	#F5C875
100.0%	100.0% #FFD37B	RGB 255 211 123	#FFD37B

#C4965C #CDA061 #D7AA66 #E1B46B #EBBE70 #F5C875 #FFD37B

#C4965C - #FFD37B

HSV Blend

#C4965C - #FFD37B | 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 #C4965C as 0% and #FFD37B as 100%.

0.0%	0.0% #C4965C	RGB 196 150 92	#C4965C
16.7%	16.7% #CD9F61	RGB 205 159 97	#CD9F61
33.3%	33.3% #D7A966	RGB 215 169 102	#D7A966
50.0%	50.0% #E1B36B	RGB 225 179 107	#E1B36B
66.7%	66.7% #EBBD70	RGB 235 189 112	#EBBD70
83.3%	83.3% #F5C875	RGB 245 200 117	#F5C875
100.0%	100.0% #FFD37B	RGB 255 211 123	#FFD37B

#C4965C #CD9F61 #D7A966 #E1B36B #EBBD70 #F5C875 #FFD37B

#C4965C - #E1B36B - #FFD37B

CSS codes

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

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