#371B5E - #1B053D | 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 #371B5E to #1B053D

#371B5E #1B053D

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

#371B5E - #1B053D | 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 #371B5E as 0% and #1B053D as 100%.

0.0%	0.0% #371B5E	RGB 55 27 94	#371B5E
16.7%	16.7% #321758	RGB 50 23 88	#321758
33.3%	33.3% #2D1353	RGB 45 19 83	#2D1353
50.0%	50.0% #29104D	RGB 41 16 77	#29104D
66.7%	66.7% #240C48	RGB 36 12 72	#240C48
83.3%	83.3% #1F0842	RGB 31 8 66	#1F0842
100.0%	100.0% #1B053D	RGB 27 5 61	#1B053D

#371B5E #321758 #2D1353 #29104D #240C48 #1F0842 #1B053D

#371B5E - #1B053D

HSV Blend

#371B5E - #1B053D | 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 #371B5E as 0% and #1B053D as 100%.

0.0%	0.0% #371B5E	RGB 55 27 94	#371B5E
16.7%	16.7% #311658	RGB 49 22 88	#311658
33.3%	33.3% #2C1253	RGB 44 18 83	#2C1253
50.0%	50.0% #270E4D	RGB 39 14 77	#270E4D
66.7%	66.7% #230A48	RGB 35 10 72	#230A48
83.3%	83.3% #1F0742	RGB 31 7 66	#1F0742
100.0%	100.0% #1B053D	RGB 27 5 61	#1B053D

#371B5E #311658 #2C1253 #270E4D #230A48 #1F0742 #1B053D

#371B5E - #270E4D - #1B053D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #371B5E 0%, #270E4D 50%, #1B053D 100%);
    background: -webkit-linear-gradient(top, #371B5E 0%, #270E4D 50%, #1B053D 100%);
    background: linear-gradient(to bottom, #371B5E 0%, #270E4D 50%, #1B053D 100%);
}
</style>