#DBD067 - #E4FDCC | 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 #DBD067 to #E4FDCC

#DBD067 #E4FDCC

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

#DBD067 - #E4FDCC | 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 #DBD067 as 0% and #E4FDCC as 100%.

0.0%	0.0% #DBD067	RGB 219 208 103	#DBD067
16.7%	16.7% #DCD777	RGB 220 215 119	#DCD777
33.3%	33.3% #DEDF88	RGB 222 223 136	#DEDF88
50.0%	50.0% #DFE699	RGB 223 230 153	#DFE699
66.7%	66.7% #E1EEAA	RGB 225 238 170	#E1EEAA
83.3%	83.3% #E2F5BB	RGB 226 245 187	#E2F5BB
100.0%	100.0% #E4FDCC	RGB 228 253 204	#E4FDCC

#DBD067 #DCD777 #DEDF88 #DFE699 #E1EEAA #E2F5BB #E4FDCC

#DBD067 - #E4FDCC

HSV Blend

#DBD067 - #E4FDCC | 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 #DBD067 as 0% and #E4FDCC as 100%.

0.0%	0.0% #DBD067	RGB 219 208 103	#DBD067
16.7%	16.7% #E0E076	RGB 224 224 118	#E0E076
33.3%	33.3% #DCE686	RGB 220 230 134	#DCE686
50.0%	50.0% #DAEC96	RGB 218 236 150	#DAEC96
66.7%	66.7% #DAF1A7	RGB 218 241 167	#DAF1A7
83.3%	83.3% #DEF7B9	RGB 222 247 185	#DEF7B9
100.0%	100.0% #E4FDCC	RGB 228 253 204	#E4FDCC

#DBD067 #E0E076 #DCE686 #DAEC96 #DAF1A7 #DEF7B9 #E4FDCC

#DBD067 - #DAEC96 - #E4FDCC

CSS codes

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

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