#EDD2FF - #A273CD | 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 #EDD2FF to #A273CD

#EDD2FF #A273CD

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

#EDD2FF - #A273CD | 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 #EDD2FF as 0% and #A273CD as 100%.

0.0%	0.0% #EDD2FF	RGB 237 210 255	#EDD2FF
16.7%	16.7% #E0C2F6	RGB 224 194 246	#E0C2F6
33.3%	33.3% #D4B2EE	RGB 212 178 238	#D4B2EE
50.0%	50.0% #C7A2E6	RGB 199 162 230	#C7A2E6
66.7%	66.7% #BB92DD	RGB 187 146 221	#BB92DD
83.3%	83.3% #AE82D5	RGB 174 130 213	#AE82D5
100.0%	100.0% #A273CD	RGB 162 115 205	#A273CD

#EDD2FF #E0C2F6 #D4B2EE #C7A2E6 #BB92DD #AE82D5 #A273CD

#EDD2FF - #A273CD

HSV Blend

#EDD2FF - #A273CD | 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 #EDD2FF as 0% and #A273CD as 100%.

0.0%	0.0% #EDD2FF	RGB 237 210 255	#EDD2FF
16.7%	16.7% #E0C0F6	RGB 224 192 246	#E0C0F6
33.3%	33.3% #D3AFEE	RGB 211 175 238	#D3AFEE
50.0%	50.0% #C69FE6	RGB 198 159 230	#C69FE6
66.7%	66.7% #BA8FDD	RGB 186 143 221	#BA8FDD
83.3%	83.3% #AE81D5	RGB 174 129 213	#AE81D5
100.0%	100.0% #A273CD	RGB 162 115 205	#A273CD

#EDD2FF #E0C0F6 #D3AFEE #C69FE6 #BA8FDD #AE81D5 #A273CD

#EDD2FF - #C69FE6 - #A273CD

CSS codes

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

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