#9F6FD3 - #B7E4DE | 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 #9F6FD3 to #B7E4DE

#9F6FD3 #B7E4DE

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

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

0.0%	0.0% #9F6FD3	RGB 159 111 211	#9F6FD3
16.7%	16.7% #A382D4	RGB 163 130 212	#A382D4
33.3%	33.3% #A796D6	RGB 167 150 214	#A796D6
50.0%	50.0% #ABA9D8	RGB 171 169 216	#ABA9D8
66.7%	66.7% #AFBDDA	RGB 175 189 218	#AFBDDA
83.3%	83.3% #B3D0DC	RGB 179 208 220	#B3D0DC
100.0%	100.0% #B7E4DE	RGB 183 228 222	#B7E4DE

#9F6FD3 #A382D4 #A796D6 #ABA9D8 #AFBDDA #B3D0DC #B7E4DE

#9F6FD3 - #B7E4DE

HSV Blend

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

0.0%	0.0% #9F6FD3	RGB 159 111 211	#9F6FD3
16.7%	16.7% #8D7AD5	RGB 141 122 213	#8D7AD5
33.3%	33.3% #858AD8	RGB 133 138 216	#858AD8
50.0%	50.0% #91A9DB	RGB 145 169 219	#91A9DB
66.7%	66.7% #9DC4DE	RGB 157 196 222	#9DC4DE
83.3%	83.3% #AAD9E1	RGB 170 217 225	#AAD9E1
100.0%	100.0% #B7E4DE	RGB 183 228 222	#B7E4DE

#9F6FD3 #8D7AD5 #858AD8 #91A9DB #9DC4DE #AAD9E1 #B7E4DE

#9F6FD3 - #91A9DB - #B7E4DE

CSS codes

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

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