#2D103E - #8F465B | 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 #2D103E to #8F465B

#2D103E #8F465B

Calculate the color between two colors, #2D103E and #8F465B. 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)

#2D103E - #8F465B | 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 #2D103E as 0% and #8F465B as 100%.

0.0%	0.0% #2D103E	RGB 45 16 62	#2D103E
16.7%	16.7% #3D1942	RGB 61 25 66	#3D1942
33.3%	33.3% #4D2247	RGB 77 34 71	#4D2247
50.0%	50.0% #5E2B4C	RGB 94 43 76	#5E2B4C
66.7%	66.7% #6E3451	RGB 110 52 81	#6E3451
83.3%	83.3% #7E3D56	RGB 126 61 86	#7E3D56
100.0%	100.0% #8F465B	RGB 143 70 91	#8F465B

#2D103E #3D1942 #4D2247 #5E2B4C #6E3451 #7E3D56 #8F465B

#2D103E - #8F465B

HSV Blend

#2D103E - #8F465B | 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 #2D103E as 0% and #8F465B as 100%.

0.0%	0.0% #2D103E	RGB 45 16 62	#2D103E
16.7%	16.7% #41164B	RGB 65 22 75	#41164B
33.3%	33.3% #581D59	RGB 88 29 89	#581D59
50.0%	50.0% #66265B	RGB 102 38 91	#66265B
66.7%	66.7% #742F5C	RGB 116 47 92	#742F5C
83.3%	83.3% #813A5B	RGB 129 58 91	#813A5B
100.0%	100.0% #8F465B	RGB 143 70 91	#8F465B

#2D103E #41164B #581D59 #66265B #742F5C #813A5B #8F465B

#2D103E - #66265B - #8F465B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D103E 0%, #66265B 50%, #8F465B 100%);
    background: -webkit-linear-gradient(top, #2D103E 0%, #66265B 50%, #8F465B 100%);
    background: linear-gradient(to bottom, #2D103E 0%, #66265B 50%, #8F465B 100%);
}
</style>