#2F1E5E - #070234 | 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 #2F1E5E to #070234

#2F1E5E #070234

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

#2F1E5E - #070234 | 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 #2F1E5E as 0% and #070234 as 100%.

0.0%	0.0% #2F1E5E	RGB 47 30 94	#2F1E5E
16.7%	16.7% #281957	RGB 40 25 87	#281957
33.3%	33.3% #211450	RGB 33 20 80	#211450
50.0%	50.0% #1B1049	RGB 27 16 73	#1B1049
66.7%	66.7% #140B42	RGB 20 11 66	#140B42
83.3%	83.3% #0D063B	RGB 13 6 59	#0D063B
100.0%	100.0% #070234	RGB 7 2 52	#070234

#2F1E5E #281957 #211450 #1B1049 #140B42 #0D063B #070234

#2F1E5E - #070234

HSV Blend

#2F1E5E - #070234 | 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 #2F1E5E as 0% and #070234 as 100%.

0.0%	0.0% #2F1E5E	RGB 47 30 94	#2F1E5E
16.7%	16.7% #261757	RGB 38 23 87	#261757
33.3%	33.3% #1F1250	RGB 31 18 80	#1F1250
50.0%	50.0% #180D49	RGB 24 13 73	#180D49
66.7%	66.7% #110842	RGB 17 8 66	#110842
83.3%	83.3% #0B053B	RGB 11 5 59	#0B053B
100.0%	100.0% #070234	RGB 7 2 52	#070234

#2F1E5E #261757 #1F1250 #180D49 #110842 #0B053B #070234

#2F1E5E - #180D49 - #070234

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F1E5E 0%, #180D49 50%, #070234 100%);
    background: -webkit-linear-gradient(top, #2F1E5E 0%, #180D49 50%, #070234 100%);
    background: linear-gradient(to bottom, #2F1E5E 0%, #180D49 50%, #070234 100%);
}
</style>