#003130 - #267961 | 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 #003130 to #267961

#003130 #267961

Calculate the color between two colors, #003130 and #267961. 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)

#003130 - #267961 | 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 #003130 as 0% and #267961 as 100%.

0.0%	0.0% #003130	RGB 0 49 48	#003130
16.7%	16.7% #063D38	RGB 6 61 56	#063D38
33.3%	33.3% #0C4940	RGB 12 73 64	#0C4940
50.0%	50.0% #135548	RGB 19 85 72	#135548
66.7%	66.7% #196150	RGB 25 97 80	#196150
83.3%	83.3% #1F6D58	RGB 31 109 88	#1F6D58
100.0%	100.0% #267961	RGB 38 121 97	#267961

#003130 #063D38 #0C4940 #135548 #196150 #1F6D58 #267961

#003130 - #267961

HSV Blend

#003130 - #267961 | 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 #003130 as 0% and #267961 as 100%.

0.0%	0.0% #003130	RGB 0 49 48	#003130
16.7%	16.7% #033D39	RGB 3 61 57	#033D39
33.3%	33.3% #074941	RGB 7 73 65	#074941
50.0%	50.0% #0D5549	RGB 13 85 73	#0D5549
66.7%	66.7% #146151	RGB 20 97 81	#146151
83.3%	83.3% #1C6D59	RGB 28 109 89	#1C6D59
100.0%	100.0% #267961	RGB 38 121 97	#267961

#003130 #033D39 #074941 #0D5549 #146151 #1C6D59 #267961

#003130 - #0D5549 - #267961

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003130 0%, #0D5549 50%, #267961 100%);
    background: -webkit-linear-gradient(top, #003130 0%, #0D5549 50%, #267961 100%);
    background: linear-gradient(to bottom, #003130 0%, #0D5549 50%, #267961 100%);
}
</style>