#EADAF2 - #C682D0 | 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 #EADAF2 to #C682D0

#EADAF2 #C682D0

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

#EADAF2 - #C682D0 | 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 #EADAF2 as 0% and #C682D0 as 100%.

0.0%	0.0% #EADAF2	RGB 234 218 242	#EADAF2
16.7%	16.7% #E4CBEC	RGB 228 203 236	#E4CBEC
33.3%	33.3% #DEBCE6	RGB 222 188 230	#DEBCE6
50.0%	50.0% #D8AEE1	RGB 216 174 225	#D8AEE1
66.7%	66.7% #D29FDB	RGB 210 159 219	#D29FDB
83.3%	83.3% #CC90D5	RGB 204 144 213	#CC90D5
100.0%	100.0% #C682D0	RGB 198 130 208	#C682D0

#EADAF2 #E4CBEC #DEBCE6 #D8AEE1 #D29FDB #CC90D5 #C682D0

#EADAF2 - #C682D0

HSV Blend

#EADAF2 - #C682D0 | 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 #EADAF2 as 0% and #C682D0 as 100%.

0.0%	0.0% #EADAF2	RGB 234 218 242	#EADAF2
16.7%	16.7% #E2CAEC	RGB 226 202 236	#E2CAEC
33.3%	33.3% #DABAE6	RGB 218 186 230	#DABAE6
50.0%	50.0% #D4ABE1	RGB 212 171 225	#D4ABE1
66.7%	66.7% #CF9DDB	RGB 207 157 219	#CF9DDB
83.3%	83.3% #CA8FD5	RGB 202 143 213	#CA8FD5
100.0%	100.0% #C682D0	RGB 198 130 208	#C682D0

#EADAF2 #E2CAEC #DABAE6 #D4ABE1 #CF9DDB #CA8FD5 #C682D0

#EADAF2 - #D4ABE1 - #C682D0

CSS codes

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

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