#2487B2 - #AFEDB9 | 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 #2487B2 a #AFEDB9

#2487B2 #AFEDB9

Calcule el color entre dos colores, #2487B2 y #AFEDB9. 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)

#2487B2 - #AFEDB9 | 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 #2487B2 como 0% y #AFEDB9 como 100%.

0.0%	0.0% #2487B2	RGB 36 135 178	#2487B2
16.7%	16.7% #3B98B3	RGB 59 152 179	#3B98B3
33.3%	33.3% #52A9B4	RGB 82 169 180	#52A9B4
50.0%	50.0% #69BAB5	RGB 105 186 181	#69BAB5
66.7%	66.7% #80CBB6	RGB 128 203 182	#80CBB6
83.3%	83.3% #97DCB7	RGB 151 220 183	#97DCB7
100.0%	100.0% #AFEDB9	RGB 175 237 185	#AFEDB9

#2487B2 #3B98B3 #52A9B4 #69BAB5 #80CBB6 #97DCB7 #AFEDB9

#2487B2 - #AFEDB9

Mezcla HSV

#2487B2 - #AFEDB9 | 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 #2487B2 como 0% y #AFEDB9 como 100%.

0.0%	0.0% #2487B2	RGB 36 135 178	#2487B2
16.7%	16.7% #36ACBB	RGB 54 172 187	#36ACBB
33.3%	33.3% #4BC5BC	RGB 75 197 188	#4BC5BC
50.0%	50.0% #61CFB2	RGB 97 207 178	#61CFB2
66.7%	66.7% #79D9AD	RGB 121 217 173	#79D9AD
83.3%	83.3% #93E3AF	RGB 147 227 175	#93E3AF
100.0%	100.0% #AFEDB9	RGB 175 237 185	#AFEDB9

#2487B2 #36ACBB #4BC5BC #61CFB2 #79D9AD #93E3AF #AFEDB9

#2487B2 - #61CFB2 - #AFEDB9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2487B2 0%, #61CFB2 50%, #AFEDB9 100%);
    background: -webkit-linear-gradient(top, #2487B2 0%, #61CFB2 50%, #AFEDB9 100%);
    background: linear-gradient(to bottom, #2487B2 0%, #61CFB2 50%, #AFEDB9 100%);
}
</style>