#00ADA8 - #ABFBB1 | 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 #00ADA8 a #ABFBB1

#00ADA8 #ABFBB1

Calcule el color entre dos colores, #00ADA8 y #ABFBB1. 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)

#00ADA8 - #ABFBB1 | 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 #00ADA8 como 0% y #ABFBB1 como 100%.

0.0%	0.0% #00ADA8	RGB 0 173 168	#00ADA8
16.7%	16.7% #1CBAA9	RGB 28 186 169	#1CBAA9
33.3%	33.3% #39C7AB	RGB 57 199 171	#39C7AB
50.0%	50.0% #55D4AC	RGB 85 212 172	#55D4AC
66.7%	66.7% #72E1AE	RGB 114 225 174	#72E1AE
83.3%	83.3% #8EEEAF	RGB 142 238 175	#8EEEAF
100.0%	100.0% #ABFBB1	RGB 171 251 177	#ABFBB1

#00ADA8 #1CBAA9 #39C7AB #55D4AC #72E1AE #8EEEAF #ABFBB1

#00ADA8 - #ABFBB1

Mezcla HSV

#00ADA8 - #ABFBB1 | 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 #00ADA8 como 0% y #ABFBB1 como 100%.

0.0%	0.0% #00ADA8	RGB 0 173 168	#00ADA8
16.7%	16.7% #15BA9C	RGB 21 186 156	#15BA9C
33.3%	33.3% #2DC794	RGB 45 199 148	#2DC794
50.0%	50.0% #48D491	RGB 72 212 145	#48D491
66.7%	66.7% #66E194	RGB 102 225 148	#66E194
83.3%	83.3% #87EE9E	RGB 135 238 158	#87EE9E
100.0%	100.0% #ABFBB1	RGB 171 251 177	#ABFBB1

#00ADA8 #15BA9C #2DC794 #48D491 #66E194 #87EE9E #ABFBB1

#00ADA8 - #48D491 - #ABFBB1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ADA8 0%, #48D491 50%, #ABFBB1 100%);
    background: -webkit-linear-gradient(top, #00ADA8 0%, #48D491 50%, #ABFBB1 100%);
    background: linear-gradient(to bottom, #00ADA8 0%, #48D491 50%, #ABFBB1 100%);
}
</style>