#1F0639 - #572876 | 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 #572876

#1F0639 #572876

Calculate the color between two colors, #1F0639 and #572876. 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 - #572876 | 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 #572876 as 100%.

0.0%	0.0% #1F0639	RGB 31 6 57	#1F0639
16.7%	16.7% #280B43	RGB 40 11 67	#280B43
33.3%	33.3% #31114D	RGB 49 17 77	#31114D
50.0%	50.0% #3B1757	RGB 59 23 87	#3B1757
66.7%	66.7% #441C61	RGB 68 28 97	#441C61
83.3%	83.3% #4D226B	RGB 77 34 107	#4D226B
100.0%	100.0% #572876	RGB 87 40 118	#572876

#1F0639 #280B43 #31114D #3B1757 #441C61 #4D226B #572876

#1F0639 - #572876

HSV Blend

#1F0639 - #572876 | 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 #572876 as 100%.

0.0%	0.0% #1E0639	RGB 30 6 57	#1E0639
16.7%	16.7% #260943	RGB 38 9 67	#260943
33.3%	33.3% #2F0E4D	RGB 47 14 77	#2F0E4D
50.0%	50.0% #381357	RGB 56 19 87	#381357
66.7%	66.7% #421961	RGB 66 25 97	#421961
83.3%	83.3% #4C206B	RGB 76 32 107	#4C206B
100.0%	100.0% #572876	RGB 87 40 118	#572876

#1E0639 #260943 #2F0E4D #381357 #421961 #4C206B #572876

#1F0639 - #381357 - #572876

CSS codes

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

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