#C065E2 - #EDD3F6 | 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 #C065E2 to #EDD3F6

#C065E2 #EDD3F6

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

#C065E2 - #EDD3F6 | 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 #C065E2 as 0% and #EDD3F6 as 100%.

0.0%	0.0% #C065E2	RGB 192 101 226	#C065E2
16.7%	16.7% #C777E5	RGB 199 119 229	#C777E5
33.3%	33.3% #CF89E8	RGB 207 137 232	#CF89E8
50.0%	50.0% #D69CEC	RGB 214 156 236	#D69CEC
66.7%	66.7% #DEAEEF	RGB 222 174 239	#DEAEEF
83.3%	83.3% #E5C0F2	RGB 229 192 242	#E5C0F2
100.0%	100.0% #EDD3F6	RGB 237 211 246	#EDD3F6

#C065E2 #C777E5 #CF89E8 #D69CEC #DEAEEF #E5C0F2 #EDD3F6

#C065E2 - #EDD3F6

HSV Blend

#C065E2 - #EDD3F6 | 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 #C065E2 as 0% and #EDD3F6 as 100%.

0.0%	0.0% #C065E2	RGB 192 101 226	#C065E2
16.7%	16.7% #C776E5	RGB 199 118 229	#C776E5
33.3%	33.3% #CE87E8	RGB 206 135 232	#CE87E8
50.0%	50.0% #D699EC	RGB 214 153 236	#D699EC
66.7%	66.7% #DDACEF	RGB 221 172 239	#DDACEF
83.3%	83.3% #E5BFF2	RGB 229 191 242	#E5BFF2
100.0%	100.0% #EDD3F6	RGB 237 211 246	#EDD3F6

#C065E2 #C776E5 #CE87E8 #D699EC #DDACEF #E5BFF2 #EDD3F6

#C065E2 - #D699EC - #EDD3F6

CSS codes

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

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