#927FFF - #E5E4E2 | 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 #927FFF to #E5E4E2

#927FFF #E5E4E2

Calculate the color between two colors, #927FFF and #E5E4E2. 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)

#927FFF - #E5E4E2 | 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 #927FFF as 0% and #E5E4E2 as 100%.

0.0%	0.0% #927FFF	RGB 146 127 255	#927FFF
16.7%	16.7% #9F8FFA	RGB 159 143 250	#9F8FFA
33.3%	33.3% #ADA0F5	RGB 173 160 245	#ADA0F5
50.0%	50.0% #BBB1F0	RGB 187 177 240	#BBB1F0
66.7%	66.7% #C9C2EB	RGB 201 194 235	#C9C2EB
83.3%	83.3% #D7D3E6	RGB 215 211 230	#D7D3E6
100.0%	100.0% #E5E4E2	RGB 229 228 226	#E5E4E2

#927FFF #9F8FFA #ADA0F5 #BBB1F0 #C9C2EB #D7D3E6 #E5E4E2

#927FFF - #E5E4E2

HSV Blend

#927FFF - #E5E4E2 | 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 #927FFF as 0% and #E5E4E2 as 100%.

0.0%	0.0% #927FFF	RGB 146 127 255	#927FFF
16.7%	16.7% #CD91FA	RGB 205 145 250	#CD91FA
33.3%	33.3% #F5A2F6	RGB 245 162 246	#F5A2F6
50.0%	50.0% #F2B3D8	RGB 242 179 216	#F2B3D8
66.7%	66.7% #EDC3CB	RGB 237 195 203	#EDC3CB
83.3%	83.3% #E9D8D3	RGB 233 216 211	#E9D8D3
100.0%	100.0% #E5E4E2	RGB 229 228 226	#E5E4E2

#927FFF #CD91FA #F5A2F6 #F2B3D8 #EDC3CB #E9D8D3 #E5E4E2

#927FFF - #F2B3D8 - #E5E4E2

CSS codes

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

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