#EDD9FF - #A47ECD | 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 #EDD9FF to #A47ECD

#EDD9FF #A47ECD

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

#EDD9FF - #A47ECD | 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 #EDD9FF as 0% and #A47ECD as 100%.

0.0%	0.0% #EDD9FF	RGB 237 217 255	#EDD9FF
16.7%	16.7% #E0C9F6	RGB 224 201 246	#E0C9F6
33.3%	33.3% #D4BAEE	RGB 212 186 238	#D4BAEE
50.0%	50.0% #C8ABE6	RGB 200 171 230	#C8ABE6
66.7%	66.7% #BC9CDD	RGB 188 156 221	#BC9CDD
83.3%	83.3% #B08DD5	RGB 176 141 213	#B08DD5
100.0%	100.0% #A47ECD	RGB 164 126 205	#A47ECD

#EDD9FF #E0C9F6 #D4BAEE #C8ABE6 #BC9CDD #B08DD5 #A47ECD

#EDD9FF - #A47ECD

HSV Blend

#EDD9FF - #A47ECD | 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 #EDD9FF as 0% and #A47ECD as 100%.

0.0%	0.0% #EDD9FF	RGB 237 217 255	#EDD9FF
16.7%	16.7% #E0C8F6	RGB 224 200 246	#E0C8F6
33.3%	33.3% #D3B8EE	RGB 211 184 238	#D3B8EE
50.0%	50.0% #C7A8E6	RGB 199 168 230	#C7A8E6
66.7%	66.7% #BB99DD	RGB 187 153 221	#BB99DD
83.3%	83.3% #AF8BD5	RGB 175 139 213	#AF8BD5
100.0%	100.0% #A47ECD	RGB 164 126 205	#A47ECD

#EDD9FF #E0C8F6 #D3B8EE #C7A8E6 #BB99DD #AF8BD5 #A47ECD

#EDD9FF - #C7A8E6 - #A47ECD

CSS codes

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

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