#9F8FDF - #B4C0FE | 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 #9F8FDF to #B4C0FE

#9F8FDF #B4C0FE

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

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

0.0%	0.0% #9F8FDF	RGB 159 143 223	#9F8FDF
16.7%	16.7% #A297E4	RGB 162 151 228	#A297E4
33.3%	33.3% #A69FE9	RGB 166 159 233	#A69FE9
50.0%	50.0% #A9A7EE	RGB 169 167 238	#A9A7EE
66.7%	66.7% #ADAFF3	RGB 173 175 243	#ADAFF3
83.3%	83.3% #B0B7F8	RGB 176 183 248	#B0B7F8
100.0%	100.0% #B4C0FE	RGB 180 192 254	#B4C0FE

#9F8FDF #A297E4 #A69FE9 #A9A7EE #ADAFF3 #B0B7F8 #B4C0FE

#9F8FDF - #B4C0FE

HSV Blend

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

0.0%	0.0% #9F8FDF	RGB 159 143 223	#9F8FDF
16.7%	16.7% #9F94E4	RGB 159 148 228	#9F94E4
33.3%	33.3% #A19AE9	RGB 161 154 233	#A19AE9
50.0%	50.0% #A2A0EE	RGB 162 160 238	#A2A0EE
66.7%	66.7% #A7AAF3	RGB 167 170 243	#A7AAF3
83.3%	83.3% #ADB5F8	RGB 173 181 248	#ADB5F8
100.0%	100.0% #B4C0FE	RGB 180 192 254	#B4C0FE

#9F8FDF #9F94E4 #A19AE9 #A2A0EE #A7AAF3 #ADB5F8 #B4C0FE

#9F8FDF - #A2A0EE - #B4C0FE

CSS codes

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

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