#3EC3C3 - #00958E | 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 #3EC3C3 a #00958E

#3EC3C3 #00958E

Calcule el color entre dos colores, #3EC3C3 y #00958E. 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)

#3EC3C3 - #00958E | 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 #3EC3C3 como 0% y #00958E como 100%.

0.0%	0.0% #3EC3C3	RGB 62 195 195	#3EC3C3
16.7%	16.7% #33BBBA	RGB 51 187 186	#33BBBA
33.3%	33.3% #29B3B1	RGB 41 179 177	#29B3B1
50.0%	50.0% #1FACA8	RGB 31 172 168	#1FACA8
66.7%	66.7% #14A49F	RGB 20 164 159	#14A49F
83.3%	83.3% #0A9C96	RGB 10 156 150	#0A9C96
100.0%	100.0% #00958E	RGB 0 149 142	#00958E

#3EC3C3 #33BBBA #29B3B1 #1FACA8 #14A49F #0A9C96 #00958E

#3EC3C3 - #00958E

Mezcla HSV

#3EC3C3 - #00958E | 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 #3EC3C3 como 0% y #00958E como 100%.

0.0%	0.0% #3EC3C3	RGB 62 195 195	#3EC3C3
16.7%	16.7% #31BBBA	RGB 49 187 186	#31BBBA
33.3%	33.3% #26B3B1	RGB 38 179 177	#26B3B1
50.0%	50.0% #1BACA8	RGB 27 172 168	#1BACA8
66.7%	66.7% #11A49F	RGB 17 164 159	#11A49F
83.3%	83.3% #089C96	RGB 8 156 150	#089C96
100.0%	100.0% #00958E	RGB 0 149 142	#00958E

#3EC3C3 #31BBBA #26B3B1 #1BACA8 #11A49F #089C96 #00958E

#3EC3C3 - #1BACA8 - #00958E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EC3C3 0%, #1BACA8 50%, #00958E 100%);
    background: -webkit-linear-gradient(top, #3EC3C3 0%, #1BACA8 50%, #00958E 100%);
    background: linear-gradient(to bottom, #3EC3C3 0%, #1BACA8 50%, #00958E 100%);
}
</style>