#DBDB5B - #FFEE87 | 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 #DBDB5B to #FFEE87

#DBDB5B #FFEE87

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

#DBDB5B - #FFEE87 | 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 #DBDB5B as 0% and #FFEE87 as 100%.

0.0%	0.0% #DBDB5B	RGB 219 219 91	#DBDB5B
16.7%	16.7% #E1DE62	RGB 225 222 98	#E1DE62
33.3%	33.3% #E7E169	RGB 231 225 105	#E7E169
50.0%	50.0% #EDE471	RGB 237 228 113	#EDE471
66.7%	66.7% #F3E778	RGB 243 231 120	#F3E778
83.3%	83.3% #F9EA7F	RGB 249 234 127	#F9EA7F
100.0%	100.0% #FFEE87	RGB 255 238 135	#FFEE87

#DBDB5B #E1DE62 #E7E169 #EDE471 #F3E778 #F9EA7F #FFEE87

#DBDB5B - #FFEE87

HSV Blend

#DBDB5B - #FFEE87 | 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 #DBDB5B as 0% and #FFEE87 as 100%.

0.0%	0.0% #DBDB5B	RGB 219 219 91	#DBDB5B
16.7%	16.7% #E1DD61	RGB 225 221 97	#E1DD61
33.3%	33.3% #E7E168	RGB 231 225 104	#E7E168
50.0%	50.0% #EDE46F	RGB 237 228 111	#EDE46F
66.7%	66.7% #F3E777	RGB 243 231 119	#F3E777
83.3%	83.3% #F9EA7F	RGB 249 234 127	#F9EA7F
100.0%	100.0% #FFEE87	RGB 255 238 135	#FFEE87

#DBDB5B #E1DD61 #E7E168 #EDE46F #F3E777 #F9EA7F #FFEE87

#DBDB5B - #EDE46F - #FFEE87

CSS codes

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

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