#30171E - #1C0508 | 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 #30171E to #1C0508

#30171E #1C0508

Calculate the color between two colors, #30171E and #1C0508. 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)

#30171E - #1C0508 | 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 #30171E as 0% and #1C0508 as 100%.

0.0%	0.0% #30171E	RGB 48 23 30	#30171E
16.7%	16.7% #2C141A	RGB 44 20 26	#2C141A
33.3%	33.3% #291116	RGB 41 17 22	#291116
50.0%	50.0% #260E13	RGB 38 14 19	#260E13
66.7%	66.7% #220B0F	RGB 34 11 15	#220B0F
83.3%	83.3% #1F080B	RGB 31 8 11	#1F080B
100.0%	100.0% #1C0508	RGB 28 5 8	#1C0508

#30171E #2C141A #291116 #260E13 #220B0F #1F080B #1C0508

#30171E - #1C0508

HSV Blend

#30171E - #1C0508 | 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 #30171E as 0% and #1C0508 as 100%.

0.0%	0.0% #30171E	RGB 48 23 30	#30171E
16.7%	16.7% #2C1319	RGB 44 19 25	#2C1319
33.3%	33.3% #290F15	RGB 41 15 21	#290F15
50.0%	50.0% #260C11	RGB 38 12 17	#260C11
66.7%	66.7% #22090E	RGB 34 9 14	#22090E
83.3%	83.3% #1F070A	RGB 31 7 10	#1F070A
100.0%	100.0% #1C0508	RGB 28 5 8	#1C0508

#30171E #2C1319 #290F15 #260C11 #22090E #1F070A #1C0508

#30171E - #260C11 - #1C0508

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30171E 0%, #260C11 50%, #1C0508 100%);
    background: -webkit-linear-gradient(top, #30171E 0%, #260C11 50%, #1C0508 100%);
    background: linear-gradient(to bottom, #30171E 0%, #260C11 50%, #1C0508 100%);
}
</style>