#00AFA9 - #ADFDB1 | 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 #00AFA9 a #ADFDB1

#00AFA9 #ADFDB1

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

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

0.0%	0.0% #00AFA9	RGB 0 175 169	#00AFA9
16.7%	16.7% #1CBCAA	RGB 28 188 170	#1CBCAA
33.3%	33.3% #39C9AB	RGB 57 201 171	#39C9AB
50.0%	50.0% #56D6AD	RGB 86 214 173	#56D6AD
66.7%	66.7% #73E3AE	RGB 115 227 174	#73E3AE
83.3%	83.3% #90F0AF	RGB 144 240 175	#90F0AF
100.0%	100.0% #ADFDB1	RGB 173 253 177	#ADFDB1

#00AFA9 #1CBCAA #39C9AB #56D6AD #73E3AE #90F0AF #ADFDB1

#00AFA9 - #ADFDB1

Mezcla HSV

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

0.0%	0.0% #00AFA8	RGB 0 175 168	#00AFA8
16.7%	16.7% #15BC9C	RGB 21 188 156	#15BC9C
33.3%	33.3% #2DC994	RGB 45 201 148	#2DC994
50.0%	50.0% #49D690	RGB 73 214 144	#49D690
66.7%	66.7% #67E393	RGB 103 227 147	#67E393
83.3%	83.3% #88F09D	RGB 136 240 157	#88F09D
100.0%	100.0% #ADFDB1	RGB 173 253 177	#ADFDB1

#00AFA8 #15BC9C #2DC994 #49D690 #67E393 #88F09D #ADFDB1

#00AFA9 - #49D690 - #ADFDB1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AFA8 0%, #49D690 50%, #ADFDB1 100%);
    background: -webkit-linear-gradient(top, #00AFA8 0%, #49D690 50%, #ADFDB1 100%);
    background: linear-gradient(to bottom, #00AFA8 0%, #49D690 50%, #ADFDB1 100%);
}
</style>