#74E5E5 - #03BFC3 | 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 #74E5E5 a #03BFC3

#74E5E5 #03BFC3

Calcule el color entre dos colores, #74E5E5 y #03BFC3. 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)

#74E5E5 - #03BFC3 | 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 #74E5E5 como 0% y #03BFC3 como 100%.

0.0%	0.0% #74E5E5	RGB 116 229 229	#74E5E5
16.7%	16.7% #61DEDF	RGB 97 222 223	#61DEDF
33.3%	33.3% #4ED8D9	RGB 78 216 217	#4ED8D9
50.0%	50.0% #3BD2D4	RGB 59 210 212	#3BD2D4
66.7%	66.7% #28CBCE	RGB 40 203 206	#28CBCE
83.3%	83.3% #15C5C8	RGB 21 197 200	#15C5C8
100.0%	100.0% #03BFC3	RGB 3 191 195	#03BFC3

#74E5E5 #61DEDF #4ED8D9 #3BD2D4 #28CBCE #15C5C8 #03BFC3

#74E5E5 - #03BFC3

Mezcla HSV

#74E5E5 - #03BFC3 | 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 #74E5E5 como 0% y #03BFC3 como 100%.

0.0%	0.0% #74E5E5	RGB 116 229 229	#74E5E5
16.7%	16.7% #5EDEDF	RGB 94 222 223	#5EDEDF
33.3%	33.3% #4AD8D9	RGB 74 216 217	#4AD8D9
50.0%	50.0% #37D2D4	RGB 55 210 212	#37D2D4
66.7%	66.7% #24CBCE	RGB 36 203 206	#24CBCE
83.3%	83.3% #13C5C8	RGB 19 197 200	#13C5C8
100.0%	100.0% #03BFC3	RGB 3 191 195	#03BFC3

#74E5E5 #5EDEDF #4AD8D9 #37D2D4 #24CBCE #13C5C8 #03BFC3

#74E5E5 - #37D2D4 - #03BFC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74E5E5 0%, #37D2D4 50%, #03BFC3 100%);
    background: -webkit-linear-gradient(top, #74E5E5 0%, #37D2D4 50%, #03BFC3 100%);
    background: linear-gradient(to bottom, #74E5E5 0%, #37D2D4 50%, #03BFC3 100%);
}
</style>