#3C142A - #8F404E | 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 #3C142A to #8F404E

#3C142A #8F404E

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

#3C142A - #8F404E | 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 #3C142A as 0% and #8F404E as 100%.

0.0%	0.0% #3C142A	RGB 60 20 42	#3C142A
16.7%	16.7% #491B30	RGB 73 27 48	#491B30
33.3%	33.3% #572236	RGB 87 34 54	#572236
50.0%	50.0% #652A3C	RGB 101 42 60	#652A3C
66.7%	66.7% #733142	RGB 115 49 66	#733142
83.3%	83.3% #813848	RGB 129 56 72	#813848
100.0%	100.0% #8F404E	RGB 143 64 78	#8F404E

#3C142A #491B30 #572236 #652A3C #733142 #813848 #8F404E

#3C142A - #8F404E

HSV Blend

#3C142A - #8F404E | 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 #3C142A as 0% and #8F404E as 100%.

0.0%	0.0% #3C1429	RGB 60 20 41	#3C1429
16.7%	16.7% #491A31	RGB 73 26 49	#491A31
33.3%	33.3% #572038	RGB 87 32 56	#572038
50.0%	50.0% #65273E	RGB 101 39 62	#65273E
66.7%	66.7% #732F43	RGB 115 47 67	#732F43
83.3%	83.3% #813749	RGB 129 55 73	#813749
100.0%	100.0% #8F404E	RGB 143 64 78	#8F404E

#3C1429 #491A31 #572038 #65273E #732F43 #813749 #8F404E

#3C142A - #65273E - #8F404E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C1429 0%, #65273E 50%, #8F404E 100%);
    background: -webkit-linear-gradient(top, #3C1429 0%, #65273E 50%, #8F404E 100%);
    background: linear-gradient(to bottom, #3C1429 0%, #65273E 50%, #8F404E 100%);
}
</style>