#E2DBFD - #9C7FCB | 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 #E2DBFD to #9C7FCB

#E2DBFD #9C7FCB

Calculate the color between two colors, #E2DBFD and #9C7FCB. 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)

#E2DBFD - #9C7FCB | 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 #E2DBFD as 0% and #9C7FCB as 100%.

0.0%	0.0% #E2DBFD	RGB 226 219 253	#E2DBFD
16.7%	16.7% #D6CBF4	RGB 214 203 244	#D6CBF4
33.3%	33.3% #CABCEC	RGB 202 188 236	#CABCEC
50.0%	50.0% #BFADE4	RGB 191 173 228	#BFADE4
66.7%	66.7% #B39DDB	RGB 179 157 219	#B39DDB
83.3%	83.3% #A78ED3	RGB 167 142 211	#A78ED3
100.0%	100.0% #9C7FCB	RGB 156 127 203	#9C7FCB

#E2DBFD #D6CBF4 #CABCEC #BFADE4 #B39DDB #A78ED3 #9C7FCB

#E2DBFD - #9C7FCB

HSV Blend

#E2DBFD - #9C7FCB | 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 #E2DBFD as 0% and #9C7FCB as 100%.

0.0%	0.0% #E2DBFD	RGB 226 219 253	#E2DBFD
16.7%	16.7% #D4CAF4	RGB 212 202 244	#D4CAF4
33.3%	33.3% #C7B9EC	RGB 199 185 236	#C7B9EC
50.0%	50.0% #BBAAE4	RGB 187 170 228	#BBAAE4
66.7%	66.7% #AF9BDB	RGB 175 155 219	#AF9BDB
83.3%	83.3% #A58CD3	RGB 165 140 211	#A58CD3
100.0%	100.0% #9C7FCB	RGB 156 127 203	#9C7FCB

#E2DBFD #D4CAF4 #C7B9EC #BBAAE4 #AF9BDB #A58CD3 #9C7FCB

#E2DBFD - #BBAAE4 - #9C7FCB

CSS codes

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

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