#EDA6EB - #C72CAC | 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 #EDA6EB to #C72CAC

#EDA6EB #C72CAC

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

#EDA6EB - #C72CAC | 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 #EDA6EB as 0% and #C72CAC as 100%.

0.0%	0.0% #EDA6EB	RGB 237 166 235	#EDA6EB
16.7%	16.7% #E691E0	RGB 230 145 224	#E691E0
33.3%	33.3% #E07DD6	RGB 224 125 214	#E07DD6
50.0%	50.0% #DA69CB	RGB 218 105 203	#DA69CB
66.7%	66.7% #D354C1	RGB 211 84 193	#D354C1
83.3%	83.3% #CD40B6	RGB 205 64 182	#CD40B6
100.0%	100.0% #C72CAC	RGB 199 44 172	#C72CAC

#EDA6EB #E691E0 #E07DD6 #DA69CB #D354C1 #CD40B6 #C72CAC

#EDA6EB - #C72CAC

HSV Blend

#EDA6EB - #C72CAC | 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 #EDA6EB as 0% and #C72CAC as 100%.

0.0%	0.0% #EDA6EB	RGB 237 166 235	#EDA6EB
16.7%	16.7% #E68FE2	RGB 230 143 226	#E68FE2
33.3%	33.3% #E079D8	RGB 224 121 216	#E079D8
50.0%	50.0% #DA64CE	RGB 218 100 206	#DA64CE
66.7%	66.7% #D350C3	RGB 211 80 195	#D350C3
83.3%	83.3% #CD3DB7	RGB 205 61 183	#CD3DB7
100.0%	100.0% #C72CAC	RGB 199 44 172	#C72CAC

#EDA6EB #E68FE2 #E079D8 #DA64CE #D350C3 #CD3DB7 #C72CAC

#EDA6EB - #DA64CE - #C72CAC

CSS codes

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

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