#250055 - #5E5EAF | 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 #250055 to #5E5EAF

#250055 #5E5EAF

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

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

0.0%	0.0% #250055	RGB 37 0 85	#250055
16.7%	16.7% #2E0F64	RGB 46 15 100	#2E0F64
33.3%	33.3% #381F73	RGB 56 31 115	#381F73
50.0%	50.0% #412F82	RGB 65 47 130	#412F82
66.7%	66.7% #4B3E91	RGB 75 62 145	#4B3E91
83.3%	83.3% #544EA0	RGB 84 78 160	#544EA0
100.0%	100.0% #5E5EAF	RGB 94 94 175	#5E5EAF

#250055 #2E0F64 #381F73 #412F82 #4B3E91 #544EA0 #5E5EAF

#250055 - #5E5EAF

HSV Blend

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

0.0%	0.0% #240055	RGB 36 0 85	#240055
16.7%	16.7% #290864	RGB 41 8 100	#290864
33.3%	33.3% #2F1473	RGB 47 20 115	#2F1473
50.0%	50.0% #372282	RGB 55 34 130	#372282
66.7%	66.7% #413391	RGB 65 51 145	#413391
83.3%	83.3% #4E47A0	RGB 78 71 160	#4E47A0
100.0%	100.0% #5E5EAF	RGB 94 94 175	#5E5EAF

#240055 #290864 #2F1473 #372282 #413391 #4E47A0 #5E5EAF

#250055 - #372282 - #5E5EAF

CSS codes

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

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