#009A95 - #9BF0AC | 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 #009A95 a #9BF0AC

#009A95 #9BF0AC

Calcule el color entre dos colores, #009A95 y #9BF0AC. 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)

#009A95 - #9BF0AC | 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 #009A95 como 0% y #9BF0AC como 100%.

0.0%	0.0% #009A95	RGB 0 154 149	#009A95
16.7%	16.7% #19A898	RGB 25 168 152	#19A898
33.3%	33.3% #33B69C	RGB 51 182 156	#33B69C
50.0%	50.0% #4DC5A0	RGB 77 197 160	#4DC5A0
66.7%	66.7% #67D3A4	RGB 103 211 164	#67D3A4
83.3%	83.3% #81E1A8	RGB 129 225 168	#81E1A8
100.0%	100.0% #9BF0AC	RGB 155 240 172	#9BF0AC

#009A95 #19A898 #33B69C #4DC5A0 #67D3A4 #81E1A8 #9BF0AC

#009A95 - #9BF0AC

Mezcla HSV

#009A95 - #9BF0AC | 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 #009A95 como 0% y #9BF0AC como 100%.

0.0%	0.0% #009A94	RGB 0 154 148	#009A94
16.7%	16.7% #12A890	RGB 18 168 144	#12A890
33.3%	33.3% #27B68D	RGB 39 182 141	#27B68D
50.0%	50.0% #3FC58D	RGB 63 197 141	#3FC58D
66.7%	66.7% #5AD391	RGB 90 211 145	#5AD391
83.3%	83.3% #79E19B	RGB 121 225 155	#79E19B
100.0%	100.0% #9BF0AC	RGB 155 240 172	#9BF0AC

#009A94 #12A890 #27B68D #3FC58D #5AD391 #79E19B #9BF0AC

#009A95 - #3FC58D - #9BF0AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009A94 0%, #3FC58D 50%, #9BF0AC 100%);
    background: -webkit-linear-gradient(top, #009A94 0%, #3FC58D 50%, #9BF0AC 100%);
    background: linear-gradient(to bottom, #009A94 0%, #3FC58D 50%, #9BF0AC 100%);
}
</style>