#D9DC48 - #ECB6D1 | 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 #D9DC48 to #ECB6D1

#D9DC48 #ECB6D1

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

#D9DC48 - #ECB6D1 | 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 #D9DC48 as 0% and #ECB6D1 as 100%.

0.0%	0.0% #D9DC48	RGB 217 220 72	#D9DC48
16.7%	16.7% #DCD55E	RGB 220 213 94	#DCD55E
33.3%	33.3% #DFCF75	RGB 223 207 117	#DFCF75
50.0%	50.0% #E2C98C	RGB 226 201 140	#E2C98C
66.7%	66.7% #E5C2A3	RGB 229 194 163	#E5C2A3
83.3%	83.3% #E8BCBA	RGB 232 188 186	#E8BCBA
100.0%	100.0% #ECB6D1	RGB 236 182 209	#ECB6D1

#D9DC48 #DCD55E #DFCF75 #E2C98C #E5C2A3 #E8BCBA #ECB6D1

#D9DC48 - #ECB6D1

HSV Blend

#D9DC48 - #ECB6D1 | 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 #D9DC48 as 0% and #ECB6D1 as 100%.

0.0%	0.0% #D9DC48	RGB 217 220 72	#D9DC48
16.7%	16.7% #DEBF59	RGB 222 191 89	#DEBF59
33.3%	33.3% #E1A76B	RGB 225 167 107	#E1A76B
50.0%	50.0% #E4977D	RGB 228 151 125	#E4977D
66.7%	66.7% #E6908F	RGB 230 144 143	#E6908F
83.3%	83.3% #E9A2B4	RGB 233 162 180	#E9A2B4
100.0%	100.0% #ECB6D1	RGB 236 182 209	#ECB6D1

#D9DC48 #DEBF59 #E1A76B #E4977D #E6908F #E9A2B4 #ECB6D1

#D9DC48 - #E4977D - #ECB6D1

CSS codes

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

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