#199E8F - #B0E9A2 | 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 #199E8F a #B0E9A2

#199E8F #B0E9A2

Calcule el color entre dos colores, #199E8F y #B0E9A2. 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)

#199E8F - #B0E9A2 | 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 #199E8F como 0% y #B0E9A2 como 100%.

0.0%	0.0% #199E8F	RGB 25 158 143	#199E8F
16.7%	16.7% #32AA92	RGB 50 170 146	#32AA92
33.3%	33.3% #4BB795	RGB 75 183 149	#4BB795
50.0%	50.0% #64C398	RGB 100 195 152	#64C398
66.7%	66.7% #7DD09B	RGB 125 208 155	#7DD09B
83.3%	83.3% #96DC9E	RGB 150 220 158	#96DC9E
100.0%	100.0% #B0E9A2	RGB 176 233 162	#B0E9A2

#199E8F #32AA92 #4BB795 #64C398 #7DD09B #96DC9E #B0E9A2

#199E8F - #B0E9A2

Mezcla HSV

#199E8F - #B0E9A2 | 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 #199E8F como 0% y #B0E9A2 como 100%.

0.0%	0.0% #199E8F	RGB 25 158 143	#199E8F
16.7%	16.7% #2AAA84	RGB 42 170 132	#2AAA84
33.3%	33.3% #3DB77D	RGB 61 183 125	#3DB77D
50.0%	50.0% #53C37A	RGB 83 195 122	#53C37A
66.7%	66.7% #6BD07B	RGB 107 208 123	#6BD07B
83.3%	83.3% #87DC85	RGB 135 220 133	#87DC85
100.0%	100.0% #B0E9A2	RGB 176 233 162	#B0E9A2

#199E8F #2AAA84 #3DB77D #53C37A #6BD07B #87DC85 #B0E9A2

#199E8F - #53C37A - #B0E9A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #199E8F 0%, #53C37A 50%, #B0E9A2 100%);
    background: -webkit-linear-gradient(top, #199E8F 0%, #53C37A 50%, #B0E9A2 100%);
    background: linear-gradient(to bottom, #199E8F 0%, #53C37A 50%, #B0E9A2 100%);
}
</style>