#9F44C7 - #2D007C | 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 #9F44C7 to #2D007C

#9F44C7 #2D007C

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

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

0.0%	0.0% #9F44C7	RGB 159 68 199	#9F44C7
16.7%	16.7% #8C38BA	RGB 140 56 186	#8C38BA
33.3%	33.3% #792DAE	RGB 121 45 174	#792DAE
50.0%	50.0% #6622A1	RGB 102 34 161	#6622A1
66.7%	66.7% #531695	RGB 83 22 149	#531695
83.3%	83.3% #400B88	RGB 64 11 136	#400B88
100.0%	100.0% #2D007C	RGB 45 0 124	#2D007C

#9F44C7 #8C38BA #792DAE #6622A1 #531695 #400B88 #2D007C

#9F44C7 - #2D007C

HSV Blend

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

0.0%	0.0% #9F44C7	RGB 159 68 199	#9F44C7
16.7%	16.7% #8A35BA	RGB 138 53 186	#8A35BA
33.3%	33.3% #7627AE	RGB 118 39 174	#7627AE
50.0%	50.0% #621BA1	RGB 98 27 161	#621BA1
66.7%	66.7% #4F1095	RGB 79 16 149	#4F1095
83.3%	83.3% #3D0788	RGB 61 7 136	#3D0788
100.0%	100.0% #2D007C	RGB 45 0 124	#2D007C

#9F44C7 #8A35BA #7627AE #621BA1 #4F1095 #3D0788 #2D007C

#9F44C7 - #621BA1 - #2D007C

CSS codes

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

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