#DADA6B - #FFEE93 | 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 #DADA6B to #FFEE93

#DADA6B #FFEE93

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

#DADA6B - #FFEE93 | 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 #DADA6B as 0% and #FFEE93 as 100%.

0.0%	0.0% #DADA6B	RGB 218 218 107	#DADA6B
16.7%	16.7% #E0DD71	RGB 224 221 113	#E0DD71
33.3%	33.3% #E6E078	RGB 230 224 120	#E6E078
50.0%	50.0% #ECE47F	RGB 236 228 127	#ECE47F
66.7%	66.7% #F2E785	RGB 242 231 133	#F2E785
83.3%	83.3% #F8EA8C	RGB 248 234 140	#F8EA8C
100.0%	100.0% #FFEE93	RGB 255 238 147	#FFEE93

#DADA6B #E0DD71 #E6E078 #ECE47F #F2E785 #F8EA8C #FFEE93

#DADA6B - #FFEE93

HSV Blend

#DADA6B - #FFEE93 | 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 #DADA6B as 0% and #FFEE93 as 100%.

0.0%	0.0% #DADA6B	RGB 218 218 107	#DADA6B
16.7%	16.7% #E0DD71	RGB 224 221 113	#E0DD71
33.3%	33.3% #E6E077	RGB 230 224 119	#E6E077
50.0%	50.0% #ECE37E	RGB 236 227 126	#ECE37E
66.7%	66.7% #F2E784	RGB 242 231 132	#F2E784
83.3%	83.3% #F8EA8B	RGB 248 234 139	#F8EA8B
100.0%	100.0% #FFEE93	RGB 255 238 147	#FFEE93

#DADA6B #E0DD71 #E6E077 #ECE37E #F2E784 #F8EA8B #FFEE93

#DADA6B - #ECE37E - #FFEE93

CSS codes

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

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