#341930 - #8A4562 | 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 #341930 to #8A4562

#341930 #8A4562

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

#341930 - #8A4562 | 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 #341930 as 0% and #8A4562 as 100%.

0.0%	0.0% #341930	RGB 52 25 48	#341930
16.7%	16.7% #422038	RGB 66 32 56	#422038
33.3%	33.3% #502740	RGB 80 39 64	#502740
50.0%	50.0% #5F2F49	RGB 95 47 73	#5F2F49
66.7%	66.7% #6D3651	RGB 109 54 81	#6D3651
83.3%	83.3% #7B3D59	RGB 123 61 89	#7B3D59
100.0%	100.0% #8A4562	RGB 138 69 98	#8A4562

#341930 #422038 #502740 #5F2F49 #6D3651 #7B3D59 #8A4562

#341930 - #8A4562

HSV Blend

#341930 - #8A4562 | 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 #341930 as 0% and #8A4562 as 100%.

0.0%	0.0% #341930	RGB 52 25 48	#341930
16.7%	16.7% #42203A	RGB 66 32 58	#42203A
33.3%	33.3% #502744	RGB 80 39 68	#502744
50.0%	50.0% #5F2E4D	RGB 95 46 77	#5F2E4D
66.7%	66.7% #6D3555	RGB 109 53 85	#6D3555
83.3%	83.3% #7B3D5C	RGB 123 61 92	#7B3D5C
100.0%	100.0% #8A4562	RGB 138 69 98	#8A4562

#341930 #42203A #502744 #5F2E4D #6D3555 #7B3D5C #8A4562

#341930 - #5F2E4D - #8A4562

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #341930 0%, #5F2E4D 50%, #8A4562 100%);
    background: -webkit-linear-gradient(top, #341930 0%, #5F2E4D 50%, #8A4562 100%);
    background: linear-gradient(to bottom, #341930 0%, #5F2E4D 50%, #8A4562 100%);
}
</style>