#2ECCA1 - #009B6C | 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 #2ECCA1 a #009B6C

#2ECCA1 #009B6C

Calcule el color entre dos colores, #2ECCA1 y #009B6C. 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)

#2ECCA1 - #009B6C | 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 #2ECCA1 como 0% y #009B6C como 100%.

0.0%	0.0% #2ECCA1	RGB 46 204 161	#2ECCA1
16.7%	16.7% #26C398	RGB 38 195 152	#26C398
33.3%	33.3% #1EBB8F	RGB 30 187 143	#1EBB8F
50.0%	50.0% #17B386	RGB 23 179 134	#17B386
66.7%	66.7% #0FAB7D	RGB 15 171 125	#0FAB7D
83.3%	83.3% #07A374	RGB 7 163 116	#07A374
100.0%	100.0% #009B6C	RGB 0 155 108	#009B6C

#2ECCA1 #26C398 #1EBB8F #17B386 #0FAB7D #07A374 #009B6C

#2ECCA1 - #009B6C

Mezcla HSV

#2ECCA1 - #009B6C | 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 #2ECCA1 como 0% y #009B6C como 100%.

0.0%	0.0% #2DCCA1	RGB 45 204 161	#2DCCA1
16.7%	16.7% #24C397	RGB 36 195 151	#24C397
33.3%	33.3% #1CBB8E	RGB 28 187 142	#1CBB8E
50.0%	50.0% #14B385	RGB 20 179 133	#14B385
66.7%	66.7% #0CAB7C	RGB 12 171 124	#0CAB7C
83.3%	83.3% #06A374	RGB 6 163 116	#06A374
100.0%	100.0% #009B6C	RGB 0 155 108	#009B6C

#2DCCA1 #24C397 #1CBB8E #14B385 #0CAB7C #06A374 #009B6C

#2ECCA1 - #14B385 - #009B6C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DCCA1 0%, #14B385 50%, #009B6C 100%);
    background: -webkit-linear-gradient(top, #2DCCA1 0%, #14B385 50%, #009B6C 100%);
    background: linear-gradient(to bottom, #2DCCA1 0%, #14B385 50%, #009B6C 100%);
}
</style>