#5EC3C3 - #03948E | 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 #5EC3C3 a #03948E

#5EC3C3 #03948E

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

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

0.0%	0.0% #5EC3C3	RGB 94 195 195	#5EC3C3
16.7%	16.7% #4EBBBA	RGB 78 187 186	#4EBBBA
33.3%	33.3% #3FB3B1	RGB 63 179 177	#3FB3B1
50.0%	50.0% #30ABA8	RGB 48 171 168	#30ABA8
66.7%	66.7% #21A39F	RGB 33 163 159	#21A39F
83.3%	83.3% #129B96	RGB 18 155 150	#129B96
100.0%	100.0% #03948E	RGB 3 148 142	#03948E

#5EC3C3 #4EBBBA #3FB3B1 #30ABA8 #21A39F #129B96 #03948E

#5EC3C3 - #03948E

Mezcla HSV

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

0.0%	0.0% #5EC3C3	RGB 94 195 195	#5EC3C3
16.7%	16.7% #4BBBBA	RGB 75 187 186	#4BBBBA
33.3%	33.3% #3AB3B1	RGB 58 179 177	#3AB3B1
50.0%	50.0% #2BABA8	RGB 43 171 168	#2BABA8
66.7%	66.7% #1CA39F	RGB 28 163 159	#1CA39F
83.3%	83.3% #0F9B96	RGB 15 155 150	#0F9B96
100.0%	100.0% #03948E	RGB 3 148 142	#03948E

#5EC3C3 #4BBBBA #3AB3B1 #2BABA8 #1CA39F #0F9B96 #03948E

#5EC3C3 - #2BABA8 - #03948E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EC3C3 0%, #2BABA8 50%, #03948E 100%);
    background: -webkit-linear-gradient(top, #5EC3C3 0%, #2BABA8 50%, #03948E 100%);
    background: linear-gradient(to bottom, #5EC3C3 0%, #2BABA8 50%, #03948E 100%);
}
</style>