#EFEDFF - #9F9CD1 | 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 #EFEDFF to #9F9CD1

#EFEDFF #9F9CD1

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

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

0.0%	0.0% #EFEDFF	RGB 239 237 255	#EFEDFF
16.7%	16.7% #E1DFF7	RGB 225 223 247	#E1DFF7
33.3%	33.3% #D4D2EF	RGB 212 210 239	#D4D2EF
50.0%	50.0% #C7C4E8	RGB 199 196 232	#C7C4E8
66.7%	66.7% #B9B7E0	RGB 185 183 224	#B9B7E0
83.3%	83.3% #ACA9D8	RGB 172 169 216	#ACA9D8
100.0%	100.0% #9F9CD1	RGB 159 156 209	#9F9CD1

#EFEDFF #E1DFF7 #D4D2EF #C7C4E8 #B9B7E0 #ACA9D8 #9F9CD1

#EFEDFF - #9F9CD1

HSV Blend

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

0.0%	0.0% #EFEDFF	RGB 239 237 255	#EFEDFF
16.7%	16.7% #E0DEF7	RGB 224 222 247	#E0DEF7
33.3%	33.3% #D3D0EF	RGB 211 208 239	#D3D0EF
50.0%	50.0% #C5C2E8	RGB 197 194 232	#C5C2E8
66.7%	66.7% #B8B5E0	RGB 184 181 224	#B8B5E0
83.3%	83.3% #ABA8D8	RGB 171 168 216	#ABA8D8
100.0%	100.0% #9F9CD1	RGB 159 156 209	#9F9CD1

#EFEDFF #E0DEF7 #D3D0EF #C5C2E8 #B8B5E0 #ABA8D8 #9F9CD1

#EFEDFF - #C5C2E8 - #9F9CD1

CSS codes

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

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