#1F0639 - #080110 | 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 #1F0639 to #080110

#1F0639 #080110

Calculate the color between two colors, #1F0639 and #080110. 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)

#1F0639 - #080110 | 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 #1F0639 as 0% and #080110 as 100%.

0.0%	0.0% #1F0639	RGB 31 6 57	#1F0639
16.7%	16.7% #1B0532	RGB 27 5 50	#1B0532
33.3%	33.3% #17042B	RGB 23 4 43	#17042B
50.0%	50.0% #130324	RGB 19 3 36	#130324
66.7%	66.7% #0F021D	RGB 15 2 29	#0F021D
83.3%	83.3% #0B0116	RGB 11 1 22	#0B0116
100.0%	100.0% #080110	RGB 8 1 16	#080110

#1F0639 #1B0532 #17042B #130324 #0F021D #0B0116 #080110

#1F0639 - #080110

HSV Blend

#1F0639 - #080110 | 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 #1F0639 as 0% and #080110 as 100%.

0.0%	0.0% #1E0639	RGB 30 6 57	#1E0639
16.7%	16.7% #1A0432	RGB 26 4 50	#1A0432
33.3%	33.3% #16032B	RGB 22 3 43	#16032B
50.0%	50.0% #130324	RGB 19 3 36	#130324
66.7%	66.7% #0F021D	RGB 15 2 29	#0F021D
83.3%	83.3% #0B0116	RGB 11 1 22	#0B0116
100.0%	100.0% #080110	RGB 8 1 16	#080110

#1E0639 #1A0432 #16032B #130324 #0F021D #0B0116 #080110

#1F0639 - #130324 - #080110

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E0639 0%, #130324 50%, #080110 100%);
    background: -webkit-linear-gradient(top, #1E0639 0%, #130324 50%, #080110 100%);
    background: linear-gradient(to bottom, #1E0639 0%, #130324 50%, #080110 100%);
}
</style>