#9F9FC1 - #2D2D37 | 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 #9F9FC1 to #2D2D37

#9F9FC1 #2D2D37

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

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

0.0%	0.0% #9F9FC1	RGB 159 159 193	#9F9FC1
16.7%	16.7% #8C8CAA	RGB 140 140 170	#8C8CAA
33.3%	33.3% #797993	RGB 121 121 147	#797993
50.0%	50.0% #66667C	RGB 102 102 124	#66667C
66.7%	66.7% #535365	RGB 83 83 101	#535365
83.3%	83.3% #40404E	RGB 64 64 78	#40404E
100.0%	100.0% #2D2D37	RGB 45 45 55	#2D2D37

#9F9FC1 #8C8CAA #797993 #66667C #535365 #40404E #2D2D37

#9F9FC1 - #2D2D37

HSV Blend

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

0.0%	0.0% #9F9FC1	RGB 159 159 193	#9F9FC1
16.7%	16.7% #8B8BAA	RGB 139 139 170	#8B8BAA
33.3%	33.3% #787893	RGB 120 120 147	#787893
50.0%	50.0% #65657C	RGB 101 101 124	#65657C
66.7%	66.7% #525265	RGB 82 82 101	#525265
83.3%	83.3% #3F3F4E	RGB 63 63 78	#3F3F4E
100.0%	100.0% #2D2D37	RGB 45 45 55	#2D2D37

#9F9FC1 #8B8BAA #787893 #65657C #525265 #3F3F4E #2D2D37

#9F9FC1 - #65657C - #2D2D37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9FC1 0%, #65657C 50%, #2D2D37 100%);
    background: -webkit-linear-gradient(top, #9F9FC1 0%, #65657C 50%, #2D2D37 100%);
    background: linear-gradient(to bottom, #9F9FC1 0%, #65657C 50%, #2D2D37 100%);
}
</style>