#C2B26C - #FFE18B | 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 #C2B26C to #FFE18B

#C2B26C #FFE18B

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

#C2B26C - #FFE18B | 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 #C2B26C as 0% and #FFE18B as 100%.

0.0%	0.0% #C2B26C	RGB 194 178 108	#C2B26C
16.7%	16.7% #CCB971	RGB 204 185 113	#CCB971
33.3%	33.3% #D6C176	RGB 214 193 118	#D6C176
50.0%	50.0% #E0C97B	RGB 224 201 123	#E0C97B
66.7%	66.7% #EAD180	RGB 234 209 128	#EAD180
83.3%	83.3% #F4D985	RGB 244 217 133	#F4D985
100.0%	100.0% #FFE18B	RGB 255 225 139	#FFE18B

#C2B26C #CCB971 #D6C176 #E0C97B #EAD180 #F4D985 #FFE18B

#C2B26C - #FFE18B

HSV Blend

#C2B26C - #FFE18B | 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 #C2B26C as 0% and #FFE18B as 100%.

0.0%	0.0% #C2B26C	RGB 194 178 108	#C2B26C
16.7%	16.7% #CCBA71	RGB 204 186 113	#CCBA71
33.3%	33.3% #D6C276	RGB 214 194 118	#D6C276
50.0%	50.0% #E0CA7B	RGB 224 202 123	#E0CA7B
66.7%	66.7% #EAD180	RGB 234 209 128	#EAD180
83.3%	83.3% #F4D985	RGB 244 217 133	#F4D985
100.0%	100.0% #FFE18B	RGB 255 225 139	#FFE18B

#C2B26C #CCBA71 #D6C276 #E0CA7B #EAD180 #F4D985 #FFE18B

#C2B26C - #E0CA7B - #FFE18B

CSS codes

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

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