#200E5E - #804F90 | 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 #200E5E to #804F90

#200E5E #804F90

Calculate the color between two colors, #200E5E and #804F90. 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)

#200E5E - #804F90 | 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 #200E5E as 0% and #804F90 as 100%.

0.0%	0.0% #200E5E	RGB 32 14 94	#200E5E
16.7%	16.7% #301866	RGB 48 24 102	#301866
33.3%	33.3% #40236E	RGB 64 35 110	#40236E
50.0%	50.0% #502E77	RGB 80 46 119	#502E77
66.7%	66.7% #60397F	RGB 96 57 127	#60397F
83.3%	83.3% #704487	RGB 112 68 135	#704487
100.0%	100.0% #804F90	RGB 128 79 144	#804F90

#200E5E #301866 #40236E #502E77 #60397F #704487 #804F90

#200E5E - #804F90

HSV Blend

#200E5E - #804F90 | 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 #200E5E as 0% and #804F90 as 100%.

0.0%	0.0% #1F0D5E	RGB 31 13 94	#1F0D5E
16.7%	16.7% #2F1666	RGB 47 22 102	#2F1666
33.3%	33.3% #3F1F6E	RGB 63 31 110	#3F1F6E
50.0%	50.0% #4F2977	RGB 79 41 119	#4F2977
66.7%	66.7% #5F347F	RGB 95 52 127	#5F347F
83.3%	83.3% #704187	RGB 112 65 135	#704187
100.0%	100.0% #804F90	RGB 128 79 144	#804F90

#1F0D5E #2F1666 #3F1F6E #4F2977 #5F347F #704187 #804F90

#200E5E - #4F2977 - #804F90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F0D5E 0%, #4F2977 50%, #804F90 100%);
    background: -webkit-linear-gradient(top, #1F0D5E 0%, #4F2977 50%, #804F90 100%);
    background: linear-gradient(to bottom, #1F0D5E 0%, #4F2977 50%, #804F90 100%);
}
</style>