#DDD86C - #FFEE94 | 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 #DDD86C to #FFEE94

#DDD86C #FFEE94

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

#DDD86C - #FFEE94 | 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 #DDD86C as 0% and #FFEE94 as 100%.

0.0%	0.0% #DDD86C	RGB 221 216 108	#DDD86C
16.7%	16.7% #E2DB72	RGB 226 219 114	#E2DB72
33.3%	33.3% #E8DF79	RGB 232 223 121	#E8DF79
50.0%	50.0% #EEE380	RGB 238 227 128	#EEE380
66.7%	66.7% #F3E686	RGB 243 230 134	#F3E686
83.3%	83.3% #F9EA8D	RGB 249 234 141	#F9EA8D
100.0%	100.0% #FFEE94	RGB 255 238 148	#FFEE94

#DDD86C #E2DB72 #E8DF79 #EEE380 #F3E686 #F9EA8D #FFEE94

#DDD86C - #FFEE94

HSV Blend

#DDD86C - #FFEE94 | 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 #DDD86C as 0% and #FFEE94 as 100%.

0.0%	0.0% #DDD86C	RGB 221 216 108	#DDD86C
16.7%	16.7% #E2DB72	RGB 226 219 114	#E2DB72
33.3%	33.3% #E8DF78	RGB 232 223 120	#E8DF78
50.0%	50.0% #EEE27F	RGB 238 226 127	#EEE27F
66.7%	66.7% #F3E685	RGB 243 230 133	#F3E685
83.3%	83.3% #F9EA8C	RGB 249 234 140	#F9EA8C
100.0%	100.0% #FFEE94	RGB 255 238 148	#FFEE94

#DDD86C #E2DB72 #E8DF78 #EEE27F #F3E685 #F9EA8C #FFEE94

#DDD86C - #EEE27F - #FFEE94

CSS codes

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

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