#2B5E5A - #0C2327 | 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 #2B5E5A to #0C2327

#2B5E5A #0C2327

Calculate the color between two colors, #2B5E5A and #0C2327. 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)

#2B5E5A - #0C2327 | 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 #2B5E5A as 0% and #0C2327 as 100%.

0.0%	0.0% #2B5E5A	RGB 43 94 90	#2B5E5A
16.7%	16.7% #255451	RGB 37 84 81	#255451
33.3%	33.3% #204A49	RGB 32 74 73	#204A49
50.0%	50.0% #1B4040	RGB 27 64 64	#1B4040
66.7%	66.7% #163638	RGB 22 54 56	#163638
83.3%	83.3% #112C2F	RGB 17 44 47	#112C2F
100.0%	100.0% #0C2327	RGB 12 35 39	#0C2327

#2B5E5A #255451 #204A49 #1B4040 #163638 #112C2F #0C2327

#2B5E5A - #0C2327

HSV Blend

#2B5E5A - #0C2327 | 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 #2B5E5A as 0% and #0C2327 as 100%.

0.0%	0.0% #2B5E5A	RGB 43 94 90	#2B5E5A
16.7%	16.7% #245452	RGB 36 84 82	#245452
33.3%	33.3% #1E4B4B	RGB 30 75 75	#1E4B4B
50.0%	50.0% #194142	RGB 25 65 66	#194142
66.7%	66.7% #143639	RGB 20 54 57	#143639
83.3%	83.3% #102C30	RGB 16 44 48	#102C30
100.0%	100.0% #0C2327	RGB 12 35 39	#0C2327

#2B5E5A #245452 #1E4B4B #194142 #143639 #102C30 #0C2327

#2B5E5A - #194142 - #0C2327

CSS codes

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

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