#3E434F - #061C0E | 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 #3E434F to #061C0E

#3E434F #061C0E

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

#3E434F - #061C0E | 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 #3E434F as 0% and #061C0E as 100%.

0.0%	0.0% #3E434F	RGB 62 67 79	#3E434F
16.7%	16.7% #343C44	RGB 52 60 68	#343C44
33.3%	33.3% #2B3639	RGB 43 54 57	#2B3639
50.0%	50.0% #222F2E	RGB 34 47 46	#222F2E
66.7%	66.7% #182923	RGB 24 41 35	#182923
83.3%	83.3% #0F2218	RGB 15 34 24	#0F2218
100.0%	100.0% #061C0E	RGB 6 28 14	#061C0E

#3E434F #343C44 #2B3639 #222F2E #182923 #0F2218 #061C0E

#3E434F - #061C0E

HSV Blend

#3E434F - #061C0E | 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 #3E434F as 0% and #061C0E as 100%.

0.0%	0.0% #3E434F	RGB 62 67 79	#3E434F
16.7%	16.7% #303B46	RGB 48 59 70	#303B46
33.3%	33.3% #24373E	RGB 36 55 62	#24373E
50.0%	50.0% #1A3435	RGB 26 52 53	#1A3435
66.7%	66.7% #122D27	RGB 18 45 39	#122D27
83.3%	83.3% #0B241A	RGB 11 36 26	#0B241A
100.0%	100.0% #061C0E	RGB 6 28 14	#061C0E

#3E434F #303B46 #24373E #1A3435 #122D27 #0B241A #061C0E

#3E434F - #1A3435 - #061C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E434F 0%, #1A3435 50%, #061C0E 100%);
    background: -webkit-linear-gradient(top, #3E434F 0%, #1A3435 50%, #061C0E 100%);
    background: linear-gradient(to bottom, #3E434F 0%, #1A3435 50%, #061C0E 100%);
}
</style>