#5E64C9 - #192174 | 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 #5E64C9 to #192174

#5E64C9 #192174

Calculate the color between two colors, #5E64C9 and #192174. 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)

#5E64C9 - #192174 | 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 #5E64C9 as 0% and #192174 as 100%.

0.0%	0.0% #5E64C9	RGB 94 100 201	#5E64C9
16.7%	16.7% #5258BA	RGB 82 88 186	#5258BA
33.3%	33.3% #474DAC	RGB 71 77 172	#474DAC
50.0%	50.0% #3B429E	RGB 59 66 158	#3B429E
66.7%	66.7% #303790	RGB 48 55 144	#303790
83.3%	83.3% #242C82	RGB 36 44 130	#242C82
100.0%	100.0% #192174	RGB 25 33 116	#192174

#5E64C9 #5258BA #474DAC #3B429E #303790 #242C82 #192174

#5E64C9 - #192174

HSV Blend

#5E64C9 - #192174 | 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 #5E64C9 as 0% and #192174 as 100%.

0.0%	0.0% #5E64C9	RGB 94 100 201	#5E64C9
16.7%	16.7% #4F56BA	RGB 79 86 186	#4F56BA
33.3%	33.3% #4249AC	RGB 66 73 172	#4249AC
50.0%	50.0% #363D9E	RGB 54 61 158	#363D9E
66.7%	66.7% #2B3390	RGB 43 51 144	#2B3390
83.3%	83.3% #212982	RGB 33 41 130	#212982
100.0%	100.0% #192174	RGB 25 33 116	#192174

#5E64C9 #4F56BA #4249AC #363D9E #2B3390 #212982 #192174

#5E64C9 - #363D9E - #192174

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E64C9 0%, #363D9E 50%, #192174 100%);
    background: -webkit-linear-gradient(top, #5E64C9 0%, #363D9E 50%, #192174 100%);
    background: linear-gradient(to bottom, #5E64C9 0%, #363D9E 50%, #192174 100%);
}
</style>