#E3C7FF - #B772F7 | 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 #E3C7FF to #B772F7

#E3C7FF #B772F7

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

#E3C7FF - #B772F7 | 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 #E3C7FF as 0% and #B772F7 as 100%.

0.0%	0.0% #E3C7FF	RGB 227 199 255	#E3C7FF
16.7%	16.7% #DBB8FD	RGB 219 184 253	#DBB8FD
33.3%	33.3% #D4AAFC	RGB 212 170 252	#D4AAFC
50.0%	50.0% #CD9CFB	RGB 205 156 251	#CD9CFB
66.7%	66.7% #C58EF9	RGB 197 142 249	#C58EF9
83.3%	83.3% #BE80F8	RGB 190 128 248	#BE80F8
100.0%	100.0% #B772F7	RGB 183 114 247	#B772F7

#E3C7FF #DBB8FD #D4AAFC #CD9CFB #C58EF9 #BE80F8 #B772F7

#E3C7FF - #B772F7

HSV Blend

#E3C7FF - #B772F7 | 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 #E3C7FF as 0% and #B772F7 as 100%.

0.0%	0.0% #E3C7FF	RGB 227 199 255	#E3C7FF
16.7%	16.7% #DBB8FD	RGB 219 184 253	#DBB8FD
33.3%	33.3% #D3AAFC	RGB 211 170 252	#D3AAFC
50.0%	50.0% #CC9BFB	RGB 204 155 251	#CC9BFB
66.7%	66.7% #C58DF9	RGB 197 141 249	#C58DF9
83.3%	83.3% #BD7FF8	RGB 189 127 248	#BD7FF8
100.0%	100.0% #B772F7	RGB 183 114 247	#B772F7

#E3C7FF #DBB8FD #D3AAFC #CC9BFB #C58DF9 #BD7FF8 #B772F7

#E3C7FF - #CC9BFB - #B772F7

CSS codes

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

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