#9F9FF5 - #2D2D46 | 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 #9F9FF5 to #2D2D46

#9F9FF5 #2D2D46

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

#9F9FF5 - #2D2D46 | 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 #9F9FF5 as 0% and #2D2D46 as 100%.

0.0%	0.0% #9F9FF5	RGB 159 159 245	#9F9FF5
16.7%	16.7% #8C8CD7	RGB 140 140 215	#8C8CD7
33.3%	33.3% #7979BA	RGB 121 121 186	#7979BA
50.0%	50.0% #66669D	RGB 102 102 157	#66669D
66.7%	66.7% #535380	RGB 83 83 128	#535380
83.3%	83.3% #404063	RGB 64 64 99	#404063
100.0%	100.0% #2D2D46	RGB 45 45 70	#2D2D46

#9F9FF5 #8C8CD7 #7979BA #66669D #535380 #404063 #2D2D46

#9F9FF5 - #2D2D46

HSV Blend

#9F9FF5 - #2D2D46 | 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 #9F9FF5 as 0% and #2D2D46 as 100%.

0.0%	0.0% #9F9FF5	RGB 159 159 245	#9F9FF5
16.7%	16.7% #8B8BD7	RGB 139 139 215	#8B8BD7
33.3%	33.3% #7878BA	RGB 120 120 186	#7878BA
50.0%	50.0% #65659D	RGB 101 101 157	#65659D
66.7%	66.7% #525280	RGB 82 82 128	#525280
83.3%	83.3% #3F3F63	RGB 63 63 99	#3F3F63
100.0%	100.0% #2D2D46	RGB 45 45 70	#2D2D46

#9F9FF5 #8B8BD7 #7878BA #65659D #525280 #3F3F63 #2D2D46

#9F9FF5 - #65659D - #2D2D46

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9FF5 0%, #65659D 50%, #2D2D46 100%);
    background: -webkit-linear-gradient(top, #9F9FF5 0%, #65659D 50%, #2D2D46 100%);
    background: linear-gradient(to bottom, #9F9FF5 0%, #65659D 50%, #2D2D46 100%);
}
</style>