#269B8C - #00684C | 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 #269B8C to #00684C

#269B8C #00684C

Calculate the color between two colors, #269B8C and #00684C. 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)

#269B8C - #00684C | 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 #269B8C as 0% and #00684C as 100%.

0.0%	0.0% #269B8C	RGB 38 155 140	#269B8C
16.7%	16.7% #1F9281	RGB 31 146 129	#1F9281
33.3%	33.3% #198A76	RGB 25 138 118	#198A76
50.0%	50.0% #13816C	RGB 19 129 108	#13816C
66.7%	66.7% #0C7961	RGB 12 121 97	#0C7961
83.3%	83.3% #067056	RGB 6 112 86	#067056
100.0%	100.0% #00684C	RGB 0 104 76	#00684C

#269B8C #1F9281 #198A76 #13816C #0C7961 #067056 #00684C

#269B8C - #00684C

HSV Blend

#269B8C - #00684C | 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 #269B8C as 0% and #00684C as 100%.

0.0%	0.0% #269B8C	RGB 38 155 140	#269B8C
16.7%	16.7% #1D9280	RGB 29 146 128	#1D9280
33.3%	33.3% #168A75	RGB 22 138 117	#168A75
50.0%	50.0% #0F816A	RGB 15 129 106	#0F816A
66.7%	66.7% #097960	RGB 9 121 96	#097960
83.3%	83.3% #047055	RGB 4 112 85	#047055
100.0%	100.0% #00684C	RGB 0 104 76	#00684C

#269B8C #1D9280 #168A75 #0F816A #097960 #047055 #00684C

#269B8C - #0F816A - #00684C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #269B8C 0%, #0F816A 50%, #00684C 100%);
    background: -webkit-linear-gradient(top, #269B8C 0%, #0F816A 50%, #00684C 100%);
    background: linear-gradient(to bottom, #269B8C 0%, #0F816A 50%, #00684C 100%);
}
</style>