#3E3C5D - #250814 | 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 #3E3C5D to #250814

#3E3C5D #250814

Calculate the color between two colors, #3E3C5D and #250814. 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)

#3E3C5D - #250814 | 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 #3E3C5D as 0% and #250814 as 100%.

0.0%	0.0% #3E3C5D	RGB 62 60 93	#3E3C5D
16.7%	16.7% #393350	RGB 57 51 80	#393350
33.3%	33.3% #352A44	RGB 53 42 68	#352A44
50.0%	50.0% #312238	RGB 49 34 56	#312238
66.7%	66.7% #2D192C	RGB 45 25 44	#2D192C
83.3%	83.3% #291020	RGB 41 16 32	#291020
100.0%	100.0% #250814	RGB 37 8 20	#250814

#3E3C5D #393350 #352A44 #312238 #2D192C #291020 #250814

#3E3C5D - #250814

HSV Blend

#3E3C5D - #250814 | 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 #3E3C5D as 0% and #250814 as 100%.

0.0%	0.0% #3E3C5D	RGB 62 60 93	#3E3C5D
16.7%	16.7% #3B2F53	RGB 59 47 83	#3B2F53
33.3%	33.3% #3A254A	RGB 58 37 74	#3A254A
50.0%	50.0% #3A1B41	RGB 58 27 65	#3A1B41
66.7%	66.7% #371334	RGB 55 19 52	#371334
83.3%	83.3% #2E0D23	RGB 46 13 35	#2E0D23
100.0%	100.0% #250814	RGB 37 8 20	#250814

#3E3C5D #3B2F53 #3A254A #3A1B41 #371334 #2E0D23 #250814

#3E3C5D - #3A1B41 - #250814

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C5D 0%, #3A1B41 50%, #250814 100%);
    background: -webkit-linear-gradient(top, #3E3C5D 0%, #3A1B41 50%, #250814 100%);
    background: linear-gradient(to bottom, #3E3C5D 0%, #3A1B41 50%, #250814 100%);
}
</style>