#00897A - #B6DDD9 | 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 #00897A a #B6DDD9

#00897A #B6DDD9

Calcule el color entre dos colores, #00897A y #B6DDD9. 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)

#00897A - #B6DDD9 | 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 #00897A como 0% y #B6DDD9 como 100%.

0.0%	0.0% #00897A	RGB 0 137 122	#00897A
16.7%	16.7% #1E9789	RGB 30 151 137	#1E9789
33.3%	33.3% #3CA599	RGB 60 165 153	#3CA599
50.0%	50.0% #5BB3A9	RGB 91 179 169	#5BB3A9
66.7%	66.7% #79C1B9	RGB 121 193 185	#79C1B9
83.3%	83.3% #97CFC9	RGB 151 207 201	#97CFC9
100.0%	100.0% #B6DDD9	RGB 182 221 217	#B6DDD9

#00897A #1E9789 #3CA599 #5BB3A9 #79C1B9 #97CFC9 #B6DDD9

#00897A - #B6DDD9

Mezcla HSV

#00897A - #B6DDD9 | 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 #00897A como 0% y #B6DDD9 como 100%.

0.0%	0.0% #00897A	RGB 0 137 122	#00897A
16.7%	16.7% #149788	RGB 20 151 136	#149788
33.3%	33.3% #2DA598	RGB 45 165 152	#2DA598
50.0%	50.0% #49B3A7	RGB 73 179 167	#49B3A7
66.7%	66.7% #69C1B7	RGB 105 193 183	#69C1B7
83.3%	83.3% #8ECFC8	RGB 142 207 200	#8ECFC8
100.0%	100.0% #B6DDD9	RGB 182 221 217	#B6DDD9

#00897A #149788 #2DA598 #49B3A7 #69C1B7 #8ECFC8 #B6DDD9

#00897A - #49B3A7 - #B6DDD9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00897A 0%, #49B3A7 50%, #B6DDD9 100%);
    background: -webkit-linear-gradient(top, #00897A 0%, #49B3A7 50%, #B6DDD9 100%);
    background: linear-gradient(to bottom, #00897A 0%, #49B3A7 50%, #B6DDD9 100%);
}
</style>