#00554C - #5EAF82 | 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 #00554C a #5EAF82

#00554C #5EAF82

Calcule el color entre dos colores, #00554C y #5EAF82. 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)

#00554C - #5EAF82 | 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 #00554C como 0% y #5EAF82 como 100%.

0.0%	0.0% #00554C	RGB 0 85 76	#00554C
16.7%	16.7% #0F6455	RGB 15 100 85	#0F6455
33.3%	33.3% #1F735E	RGB 31 115 94	#1F735E
50.0%	50.0% #2F8267	RGB 47 130 103	#2F8267
66.7%	66.7% #3E9170	RGB 62 145 112	#3E9170
83.3%	83.3% #4EA079	RGB 78 160 121	#4EA079
100.0%	100.0% #5EAF82	RGB 94 175 130	#5EAF82

#00554C #0F6455 #1F735E #2F8267 #3E9170 #4EA079 #5EAF82

#00554C - #5EAF82

Mezcla HSV

#00554C - #5EAF82 | 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 #00554C como 0% y #5EAF82 como 100%.

0.0%	0.0% #00554C	RGB 0 85 76	#00554C
16.7%	16.7% #086453	RGB 8 100 83	#086453
33.3%	33.3% #14735A	RGB 20 115 90	#14735A
50.0%	50.0% #228262	RGB 34 130 98	#228262
66.7%	66.7% #33916B	RGB 51 145 107	#33916B
83.3%	83.3% #47A075	RGB 71 160 117	#47A075
100.0%	100.0% #5EAF82	RGB 94 175 130	#5EAF82

#00554C #086453 #14735A #228262 #33916B #47A075 #5EAF82

#00554C - #228262 - #5EAF82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00554C 0%, #228262 50%, #5EAF82 100%);
    background: -webkit-linear-gradient(top, #00554C 0%, #228262 50%, #5EAF82 100%);
    background: linear-gradient(to bottom, #00554C 0%, #228262 50%, #5EAF82 100%);
}
</style>