#CDC99D - #FFEBB4 | 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 #CDC99D to #FFEBB4

#CDC99D #FFEBB4

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

#CDC99D - #FFEBB4 | 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 #CDC99D as 0% and #FFEBB4 as 100%.

0.0%	0.0% #CDC99D	RGB 205 201 157	#CDC99D
16.7%	16.7% #D5CEA0	RGB 213 206 160	#D5CEA0
33.3%	33.3% #DDD4A4	RGB 221 212 164	#DDD4A4
50.0%	50.0% #E6DAA8	RGB 230 218 168	#E6DAA8
66.7%	66.7% #EEDFAC	RGB 238 223 172	#EEDFAC
83.3%	83.3% #F6E5B0	RGB 246 229 176	#F6E5B0
100.0%	100.0% #FFEBB4	RGB 255 235 180	#FFEBB4

#CDC99D #D5CEA0 #DDD4A4 #E6DAA8 #EEDFAC #F6E5B0 #FFEBB4

#CDC99D - #FFEBB4

HSV Blend

#CDC99D - #FFEBB4 | 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 #CDC99D as 0% and #FFEBB4 as 100%.

0.0%	0.0% #CDC99D	RGB 205 201 157	#CDC99D
16.7%	16.7% #D5CFA1	RGB 213 207 161	#D5CFA1
33.3%	33.3% #DDD5A5	RGB 221 213 165	#DDD5A5
50.0%	50.0% #E6DBA9	RGB 230 219 169	#E6DBA9
66.7%	66.7% #EEE0AC	RGB 238 224 172	#EEE0AC
83.3%	83.3% #F6E6B0	RGB 246 230 176	#F6E6B0
100.0%	100.0% #FFEBB4	RGB 255 235 180	#FFEBB4

#CDC99D #D5CFA1 #DDD5A5 #E6DBA9 #EEE0AC #F6E6B0 #FFEBB4

#CDC99D - #E6DBA9 - #FFEBB4

CSS codes

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

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