#EDA8F0 - #BE42C4 | 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 #EDA8F0 to #BE42C4

#EDA8F0 #BE42C4

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

#EDA8F0 - #BE42C4 | 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 #EDA8F0 as 0% and #BE42C4 as 100%.

0.0%	0.0% #EDA8F0	RGB 237 168 240	#EDA8F0
16.7%	16.7% #E597E8	RGB 229 151 232	#E597E8
33.3%	33.3% #DD86E1	RGB 221 134 225	#DD86E1
50.0%	50.0% #D575DA	RGB 213 117 218	#D575DA
66.7%	66.7% #CD64D2	RGB 205 100 210	#CD64D2
83.3%	83.3% #C553CB	RGB 197 83 203	#C553CB
100.0%	100.0% #BE42C4	RGB 190 66 196	#BE42C4

#EDA8F0 #E597E8 #DD86E1 #D575DA #CD64D2 #C553CB #BE42C4

#EDA8F0 - #BE42C4

HSV Blend

#EDA8F0 - #BE42C4 | 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 #EDA8F0 as 0% and #BE42C4 as 100%.

0.0%	0.0% #EDA8F0	RGB 237 168 240	#EDA8F0
16.7%	16.7% #E594E8	RGB 229 148 232	#E594E8
33.3%	33.3% #DD82E1	RGB 221 130 225	#DD82E1
50.0%	50.0% #D571DA	RGB 213 113 218	#D571DA
66.7%	66.7% #CD60D2	RGB 205 96 210	#CD60D2
83.3%	83.3% #C550CB	RGB 197 80 203	#C550CB
100.0%	100.0% #BE42C4	RGB 190 66 196	#BE42C4

#EDA8F0 #E594E8 #DD82E1 #D571DA #CD60D2 #C550CB #BE42C4

#EDA8F0 - #D571DA - #BE42C4

CSS codes

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

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