#00A66A - #B6E5D3 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00A66A a #B6E5D3

#00A66A #B6E5D3

Calcule el color entre dos colores, #00A66A y #B6E5D3. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00A66A - #B6E5D3 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00A66A como 0% y #B6E5D3 como 100%.

0.0%	0.0% #00A66A	RGB 0 166 106	#00A66A
16.7%	16.7% #1EB07B	RGB 30 176 123	#1EB07B
33.3%	33.3% #3CBB8D	RGB 60 187 141	#3CBB8D
50.0%	50.0% #5BC59E	RGB 91 197 158	#5BC59E
66.7%	66.7% #79D0B0	RGB 121 208 176	#79D0B0
83.3%	83.3% #97DAC1	RGB 151 218 193	#97DAC1
100.0%	100.0% #B6E5D3	RGB 182 229 211	#B6E5D3

#00A66A #1EB07B #3CBB8D #5BC59E #79D0B0 #97DAC1 #B6E5D3

#00A66A - #B6E5D3

Mezcla HSV

#00A66A - #B6E5D3 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00A66A como 0% y #B6E5D3 como 100%.

0.0%	0.0% #00A66A	RGB 0 166 106	#00A66A
16.7%	16.7% #17B078	RGB 23 176 120	#17B078
33.3%	33.3% #31BB88	RGB 49 187 136	#31BB88
50.0%	50.0% #4EC599	RGB 78 197 153	#4EC599
66.7%	66.7% #6ED0AB	RGB 110 208 171	#6ED0AB
83.3%	83.3% #90DABE	RGB 144 218 190	#90DABE
100.0%	100.0% #B6E5D3	RGB 182 229 211	#B6E5D3

#00A66A #17B078 #31BB88 #4EC599 #6ED0AB #90DABE #B6E5D3

#00A66A - #4EC599 - #B6E5D3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A66A 0%, #4EC599 50%, #B6E5D3 100%);
    background: -webkit-linear-gradient(top, #00A66A 0%, #4EC599 50%, #B6E5D3 100%);
    background: linear-gradient(to bottom, #00A66A 0%, #4EC599 50%, #B6E5D3 100%);
}
</style>