#DAE19B - #3E402C | 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 #DAE19B to #3E402C

#DAE19B #3E402C

Calculate the color between two colors, #DAE19B and #3E402C. 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)

#DAE19B - #3E402C | 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 #DAE19B as 0% and #3E402C as 100%.

0.0%	0.0% #DAE19B	RGB 218 225 155	#DAE19B
16.7%	16.7% #C0C688	RGB 192 198 136	#C0C688
33.3%	33.3% #A6AB76	RGB 166 171 118	#A6AB76
50.0%	50.0% #8C9063	RGB 140 144 99	#8C9063
66.7%	66.7% #727551	RGB 114 117 81	#727551
83.3%	83.3% #585A3E	RGB 88 90 62	#585A3E
100.0%	100.0% #3E402C	RGB 62 64 44	#3E402C

#DAE19B #C0C688 #A6AB76 #8C9063 #727551 #585A3E #3E402C

#DAE19B - #3E402C

HSV Blend

#DAE19B - #3E402C | 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 #DAE19B as 0% and #3E402C as 100%.

0.0%	0.0% #DAE19B	RGB 218 225 155	#DAE19B
16.7%	16.7% #BFC688	RGB 191 198 136	#BFC688
33.3%	33.3% #A5AB75	RGB 165 171 117	#A5AB75
50.0%	50.0% #8B9063	RGB 139 144 99	#8B9063
66.7%	66.7% #717550	RGB 113 117 80	#717550
83.3%	83.3% #575A3E	RGB 87 90 62	#575A3E
100.0%	100.0% #3E402C	RGB 62 64 44	#3E402C

#DAE19B #BFC688 #A5AB75 #8B9063 #717550 #575A3E #3E402C

#DAE19B - #8B9063 - #3E402C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAE19B 0%, #8B9063 50%, #3E402C 100%);
    background: -webkit-linear-gradient(top, #DAE19B 0%, #8B9063 50%, #3E402C 100%);
    background: linear-gradient(to bottom, #DAE19B 0%, #8B9063 50%, #3E402C 100%);
}
</style>