#CCB26B - #FFE28C | 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 #CCB26B to #FFE28C

#CCB26B #FFE28C

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

#CCB26B - #FFE28C | 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 #CCB26B as 0% and #FFE28C as 100%.

0.0%	0.0% #CCB26B	RGB 204 178 107	#CCB26B
16.7%	16.7% #D4BA70	RGB 212 186 112	#D4BA70
33.3%	33.3% #DDC276	RGB 221 194 118	#DDC276
50.0%	50.0% #E5CA7B	RGB 229 202 123	#E5CA7B
66.7%	66.7% #EED281	RGB 238 210 129	#EED281
83.3%	83.3% #F6DA86	RGB 246 218 134	#F6DA86
100.0%	100.0% #FFE28C	RGB 255 226 140	#FFE28C

#CCB26B #D4BA70 #DDC276 #E5CA7B #EED281 #F6DA86 #FFE28C

#CCB26B - #FFE28C

HSV Blend

#CCB26B - #FFE28C | 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 #CCB26B as 0% and #FFE28C as 100%.

0.0%	0.0% #CCB26B	RGB 204 178 107	#CCB26B
16.7%	16.7% #D4B970	RGB 212 185 112	#D4B970
33.3%	33.3% #DDC175	RGB 221 193 117	#DDC175
50.0%	50.0% #E5C97B	RGB 229 201 123	#E5C97B
66.7%	66.7% #EED180	RGB 238 209 128	#EED180
83.3%	83.3% #F6D986	RGB 246 217 134	#F6D986
100.0%	100.0% #FFE28C	RGB 255 226 140	#FFE28C

#CCB26B #D4B970 #DDC175 #E5C97B #EED180 #F6D986 #FFE28C

#CCB26B - #E5C97B - #FFE28C

CSS codes

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

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