#3E153A - #97536B | 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 #3E153A to #97536B

#3E153A #97536B

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

#3E153A - #97536B | 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 #3E153A as 0% and #97536B as 100%.

0.0%	0.0% #3E153A	RGB 62 21 58	#3E153A
16.7%	16.7% #4C1F42	RGB 76 31 66	#4C1F42
33.3%	33.3% #5B294A	RGB 91 41 74	#5B294A
50.0%	50.0% #6A3452	RGB 106 52 82	#6A3452
66.7%	66.7% #793E5A	RGB 121 62 90	#793E5A
83.3%	83.3% #884862	RGB 136 72 98	#884862
100.0%	100.0% #97536B	RGB 151 83 107	#97536B

#3E153A #4C1F42 #5B294A #6A3452 #793E5A #884862 #97536B

#3E153A - #97536B

HSV Blend

#3E153A - #97536B | 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 #3E153A as 0% and #97536B as 100%.

0.0%	0.0% #3E1539	RGB 62 21 57	#3E1539
16.7%	16.7% #4C1C43	RGB 76 28 67	#4C1C43
33.3%	33.3% #5B254C	RGB 91 37 76	#5B254C
50.0%	50.0% #6A2F54	RGB 106 47 84	#6A2F54
66.7%	66.7% #793A5C	RGB 121 58 92	#793A5C
83.3%	83.3% #884663	RGB 136 70 99	#884663
100.0%	100.0% #97536B	RGB 151 83 107	#97536B

#3E1539 #4C1C43 #5B254C #6A2F54 #793A5C #884663 #97536B

#3E153A - #6A2F54 - #97536B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1539 0%, #6A2F54 50%, #97536B 100%);
    background: -webkit-linear-gradient(top, #3E1539 0%, #6A2F54 50%, #97536B 100%);
    background: linear-gradient(to bottom, #3E1539 0%, #6A2F54 50%, #97536B 100%);
}
</style>