#268181 - #00533E | 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 #268181 to #00533E

#268181 #00533E

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

#268181 - #00533E | 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 #268181 as 0% and #00533E as 100%.

0.0%	0.0% #268181	RGB 38 129 129	#268181
16.7%	16.7% #1F7975	RGB 31 121 117	#1F7975
33.3%	33.3% #19716A	RGB 25 113 106	#19716A
50.0%	50.0% #136A5F	RGB 19 106 95	#136A5F
66.7%	66.7% #0C6254	RGB 12 98 84	#0C6254
83.3%	83.3% #065A49	RGB 6 90 73	#065A49
100.0%	100.0% #00533E	RGB 0 83 62	#00533E

#268181 #1F7975 #19716A #136A5F #0C6254 #065A49 #00533E

#268181 - #00533E

HSV Blend

#268181 - #00533E | 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 #268181 as 0% and #00533E as 100%.

0.0%	0.0% #268181	RGB 38 129 129	#268181
16.7%	16.7% #1D7975	RGB 29 121 117	#1D7975
33.3%	33.3% #167169	RGB 22 113 105	#167169
50.0%	50.0% #0F6A5E	RGB 15 106 94	#0F6A5E
66.7%	66.7% #096253	RGB 9 98 83	#096253
83.3%	83.3% #045A48	RGB 4 90 72	#045A48
100.0%	100.0% #00533E	RGB 0 83 62	#00533E

#268181 #1D7975 #167169 #0F6A5E #096253 #045A48 #00533E

#268181 - #0F6A5E - #00533E

CSS codes

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

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