#9F72CD - #B7E2DE | 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 #9F72CD to #B7E2DE

#9F72CD #B7E2DE

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

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

0.0%	0.0% #9F72CD	RGB 159 114 205	#9F72CD
16.7%	16.7% #A384CF	RGB 163 132 207	#A384CF
33.3%	33.3% #A797D2	RGB 167 151 210	#A797D2
50.0%	50.0% #ABAAD5	RGB 171 170 213	#ABAAD5
66.7%	66.7% #AFBCD8	RGB 175 188 216	#AFBCD8
83.3%	83.3% #B3CFDB	RGB 179 207 219	#B3CFDB
100.0%	100.0% #B7E2DE	RGB 183 226 222	#B7E2DE

#9F72CD #A384CF #A797D2 #ABAAD5 #AFBCD8 #B3CFDB #B7E2DE

#9F72CD - #B7E2DE

HSV Blend

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

0.0%	0.0% #9F72CD	RGB 159 114 205	#9F72CD
16.7%	16.7% #907CD0	RGB 144 124 208	#907CD0
33.3%	33.3% #878AD4	RGB 135 138 212	#878AD4
50.0%	50.0% #93A7D7	RGB 147 167 215	#93A7D7
66.7%	66.7% #9EC0DB	RGB 158 192 219	#9EC0DB
83.3%	83.3% #AAD5DE	RGB 170 213 222	#AAD5DE
100.0%	100.0% #B7E2DE	RGB 183 226 222	#B7E2DE

#9F72CD #907CD0 #878AD4 #93A7D7 #9EC0DB #AAD5DE #B7E2DE

#9F72CD - #93A7D7 - #B7E2DE

CSS codes

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

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