#DCD88C - #FFD9B0 | 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 #DCD88C to #FFD9B0

#DCD88C #FFD9B0

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

#DCD88C - #FFD9B0 | 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 #DCD88C as 0% and #FFD9B0 as 100%.

0.0%	0.0% #DCD88C	RGB 220 216 140	#DCD88C
16.7%	16.7% #E1D892	RGB 225 216 146	#E1D892
33.3%	33.3% #E7D898	RGB 231 216 152	#E7D898
50.0%	50.0% #EDD89E	RGB 237 216 158	#EDD89E
66.7%	66.7% #F3D8A4	RGB 243 216 164	#F3D8A4
83.3%	83.3% #F9D8AA	RGB 249 216 170	#F9D8AA
100.0%	100.0% #FFD9B0	RGB 255 217 176	#FFD9B0

#DCD88C #E1D892 #E7D898 #EDD89E #F3D8A4 #F9D8AA #FFD9B0

#DCD88C - #FFD9B0

HSV Blend

#DCD88C - #FFD9B0 | 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 #DCD88C as 0% and #FFD9B0 as 100%.

0.0%	0.0% #DCD88C	RGB 220 216 140	#DCD88C
16.7%	16.7% #E1D891	RGB 225 216 145	#E1D891
33.3%	33.3% #E7D897	RGB 231 216 151	#E7D897
50.0%	50.0% #EDD89D	RGB 237 216 157	#EDD89D
66.7%	66.7% #F3D8A3	RGB 243 216 163	#F3D8A3
83.3%	83.3% #F9D8A9	RGB 249 216 169	#F9D8A9
100.0%	100.0% #FFD9B0	RGB 255 217 176	#FFD9B0

#DCD88C #E1D891 #E7D897 #EDD89D #F3D8A3 #F9D8A9 #FFD9B0

#DCD88C - #EDD89D - #FFD9B0

CSS codes

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

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