#CCBA4D - #F0EBCC | 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 #CCBA4D to #F0EBCC

#CCBA4D #F0EBCC

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

#CCBA4D - #F0EBCC | 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 #CCBA4D as 0% and #F0EBCC as 100%.

0.0%	0.0% #CCBA4D	RGB 204 186 77	#CCBA4D
16.7%	16.7% #D2C262	RGB 210 194 98	#D2C262
33.3%	33.3% #D8CA77	RGB 216 202 119	#D8CA77
50.0%	50.0% #DED28C	RGB 222 210 140	#DED28C
66.7%	66.7% #E4DAA1	RGB 228 218 161	#E4DAA1
83.3%	83.3% #EAE2B6	RGB 234 226 182	#EAE2B6
100.0%	100.0% #F0EBCC	RGB 240 235 204	#F0EBCC

#CCBA4D #D2C262 #D8CA77 #DED28C #E4DAA1 #EAE2B6 #F0EBCC

#CCBA4D - #F0EBCC

HSV Blend

#CCBA4D - #F0EBCC | 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 #CCBA4D as 0% and #F0EBCC as 100%.

0.0%	0.0% #CCBA4D	RGB 204 186 77	#CCBA4D
16.7%	16.7% #D2C15F	RGB 210 193 95	#D2C15F
33.3%	33.3% #D8C973	RGB 216 201 115	#D8C973
50.0%	50.0% #DED188	RGB 222 209 136	#DED188
66.7%	66.7% #E4DA9D	RGB 228 218 157	#E4DA9D
83.3%	83.3% #EAE2B4	RGB 234 226 180	#EAE2B4
100.0%	100.0% #F0EBCC	RGB 240 235 204	#F0EBCC

#CCBA4D #D2C15F #D8C973 #DED188 #E4DA9D #EAE2B4 #F0EBCC

#CCBA4D - #DED188 - #F0EBCC

CSS codes

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

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