#D6D946 - #ECB5CF | 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 #D6D946 to #ECB5CF

#D6D946 #ECB5CF

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

#D6D946 - #ECB5CF | 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 #D6D946 as 0% and #ECB5CF as 100%.

0.0%	0.0% #D6D946	RGB 214 217 70	#D6D946
16.7%	16.7% #D9D35C	RGB 217 211 92	#D9D35C
33.3%	33.3% #DDCD73	RGB 221 205 115	#DDCD73
50.0%	50.0% #E1C78A	RGB 225 199 138	#E1C78A
66.7%	66.7% #E4C1A1	RGB 228 193 161	#E4C1A1
83.3%	83.3% #E8BBB8	RGB 232 187 184	#E8BBB8
100.0%	100.0% #ECB5CF	RGB 236 181 207	#ECB5CF

#D6D946 #D9D35C #DDCD73 #E1C78A #E4C1A1 #E8BBB8 #ECB5CF

#D6D946 - #ECB5CF

HSV Blend

#D6D946 - #ECB5CF | 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 #D6D946 as 0% and #ECB5CF as 100%.

0.0%	0.0% #D6D946	RGB 214 217 70	#D6D946
16.7%	16.7% #DCBD57	RGB 220 189 87	#DCBD57
33.3%	33.3% #DFA669	RGB 223 166 105	#DFA669
50.0%	50.0% #E2977B	RGB 226 151 123	#E2977B
66.7%	66.7% #E5908E	RGB 229 144 142	#E5908E
83.3%	83.3% #E8A1B1	RGB 232 161 177	#E8A1B1
100.0%	100.0% #ECB5CF	RGB 236 181 207	#ECB5CF

#D6D946 #DCBD57 #DFA669 #E2977B #E5908E #E8A1B1 #ECB5CF

#D6D946 - #E2977B - #ECB5CF

CSS codes

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

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