#271C5E - #1C010C | 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 #271C5E to #1C010C

#271C5E #1C010C

Calculate the color between two colors, #271C5E and #1C010C. 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)

#271C5E - #1C010C | 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 #271C5E as 0% and #1C010C as 100%.

0.0%	0.0% #271C5E	RGB 39 28 94	#271C5E
16.7%	16.7% #251750	RGB 37 23 80	#251750
33.3%	33.3% #231342	RGB 35 19 66	#231342
50.0%	50.0% #210E35	RGB 33 14 53	#210E35
66.7%	66.7% #1F0A27	RGB 31 10 39	#1F0A27
83.3%	83.3% #1D0519	RGB 29 5 25	#1D0519
100.0%	100.0% #1C010C	RGB 28 1 12	#1C010C

#271C5E #251750 #231342 #210E35 #1F0A27 #1D0519 #1C010C

#271C5E - #1C010C

HSV Blend

#271C5E - #1C010C | 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 #271C5E as 0% and #1C010C as 100%.

0.0%	0.0% #261C5E	RGB 38 28 94	#261C5E
16.7%	16.7% #2E1553	RGB 46 21 83	#2E1553
33.3%	33.3% #330F48	RGB 51 15 72	#330F48
50.0%	50.0% #360A3D	RGB 54 10 61	#360A3D
66.7%	66.7% #32062C	RGB 50 6 44	#32062C
83.3%	83.3% #27031A	RGB 39 3 26	#27031A
100.0%	100.0% #1C010C	RGB 28 1 12	#1C010C

#261C5E #2E1553 #330F48 #360A3D #32062C #27031A #1C010C

#271C5E - #360A3D - #1C010C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #261C5E 0%, #360A3D 50%, #1C010C 100%);
    background: -webkit-linear-gradient(top, #261C5E 0%, #360A3D 50%, #1C010C 100%);
    background: linear-gradient(to bottom, #261C5E 0%, #360A3D 50%, #1C010C 100%);
}
</style>