#9F70B7 - #2D2034 | 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 #9F70B7 to #2D2034

#9F70B7 #2D2034

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

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

0.0%	0.0% #9F70B7	RGB 159 112 183	#9F70B7
16.7%	16.7% #8C62A1	RGB 140 98 161	#8C62A1
33.3%	33.3% #79558B	RGB 121 85 139	#79558B
50.0%	50.0% #664875	RGB 102 72 117	#664875
66.7%	66.7% #533A5F	RGB 83 58 95	#533A5F
83.3%	83.3% #402D49	RGB 64 45 73	#402D49
100.0%	100.0% #2D2034	RGB 45 32 52	#2D2034

#9F70B7 #8C62A1 #79558B #664875 #533A5F #402D49 #2D2034

#9F70B7 - #2D2034

HSV Blend

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

0.0%	0.0% #9F70B7	RGB 159 112 183	#9F70B7
16.7%	16.7% #8B62A1	RGB 139 98 161	#8B62A1
33.3%	33.3% #78558B	RGB 120 85 139	#78558B
50.0%	50.0% #654875	RGB 101 72 117	#654875
66.7%	66.7% #523A5F	RGB 82 58 95	#523A5F
83.3%	83.3% #3F2D49	RGB 63 45 73	#3F2D49
100.0%	100.0% #2D2034	RGB 45 32 52	#2D2034

#9F70B7 #8B62A1 #78558B #654875 #523A5F #3F2D49 #2D2034

#9F70B7 - #654875 - #2D2034

CSS codes

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

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