#9F8FFF - #C5E5C9 | 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 #9F8FFF to #C5E5C9

#9F8FFF #C5E5C9

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

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

0.0%	0.0% #9F8FFF	RGB 159 143 255	#9F8FFF
16.7%	16.7% #A59DF6	RGB 165 157 246	#A59DF6
33.3%	33.3% #ABABED	RGB 171 171 237	#ABABED
50.0%	50.0% #B2BAE4	RGB 178 186 228	#B2BAE4
66.7%	66.7% #B8C8DB	RGB 184 200 219	#B8C8DB
83.3%	83.3% #BED6D2	RGB 190 214 210	#BED6D2
100.0%	100.0% #C5E5C9	RGB 197 229 201	#C5E5C9

#9F8FFF #A59DF6 #ABABED #B2BAE4 #B8C8DB #BED6D2 #C5E5C9

#9F8FFF - #C5E5C9

HSV Blend

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

0.0%	0.0% #9E8FFF	RGB 158 143 255	#9E8FFF
16.7%	16.7% #99ABFA	RGB 153 171 250	#99ABFA
33.3%	33.3% #A2CFF6	RGB 162 207 246	#A2CFF6
50.0%	50.0% #ABE8F2	RGB 171 232 242	#ABE8F2
66.7%	66.7% #B4EDE2	RGB 180 237 226	#B4EDE2
83.3%	83.3% #BDE9D1	RGB 189 233 209	#BDE9D1
100.0%	100.0% #C5E5C9	RGB 197 229 201	#C5E5C9

#9E8FFF #99ABFA #A2CFF6 #ABE8F2 #B4EDE2 #BDE9D1 #C5E5C9

#9F8FFF - #ABE8F2 - #C5E5C9

CSS codes

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

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