#368C8C - #015C49 | 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 #368C8C to #015C49

#368C8C #015C49

Calculate the color between two colors, #368C8C and #015C49. 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)

#368C8C - #015C49 | 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 #368C8C as 0% and #015C49 as 100%.

0.0%	0.0% #368C8C	RGB 54 140 140	#368C8C
16.7%	16.7% #2D8480	RGB 45 132 128	#2D8480
33.3%	33.3% #247C75	RGB 36 124 117	#247C75
50.0%	50.0% #1B746A	RGB 27 116 106	#1B746A
66.7%	66.7% #126C5F	RGB 18 108 95	#126C5F
83.3%	83.3% #096454	RGB 9 100 84	#096454
100.0%	100.0% #015C49	RGB 1 92 73	#015C49

#368C8C #2D8480 #247C75 #1B746A #126C5F #096454 #015C49

#368C8C - #015C49

HSV Blend

#368C8C - #015C49 | 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 #368C8C as 0% and #015C49 as 100%.

0.0%	0.0% #368C8C	RGB 54 140 140	#368C8C
16.7%	16.7% #2A8480	RGB 42 132 128	#2A8480
33.3%	33.3% #207C75	RGB 32 124 117	#207C75
50.0%	50.0% #17746A	RGB 23 116 106	#17746A
66.7%	66.7% #0E6C5F	RGB 14 108 95	#0E6C5F
83.3%	83.3% #076453	RGB 7 100 83	#076453
100.0%	100.0% #015C49	RGB 1 92 73	#015C49

#368C8C #2A8480 #207C75 #17746A #0E6C5F #076453 #015C49

#368C8C - #17746A - #015C49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #368C8C 0%, #17746A 50%, #015C49 100%);
    background: -webkit-linear-gradient(top, #368C8C 0%, #17746A 50%, #015C49 100%);
    background: linear-gradient(to bottom, #368C8C 0%, #17746A 50%, #015C49 100%);
}
</style>