#75DC9F - #059A1D | 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 #75DC9F a #059A1D

#75DC9F #059A1D

Calcule el color entre dos colores, #75DC9F y #059A1D. 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)

#75DC9F - #059A1D | 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 #75DC9F como 0% y #059A1D como 100%.

0.0%	0.0% #75DC9F	RGB 117 220 159	#75DC9F
16.7%	16.7% #62D189	RGB 98 209 137	#62D189
33.3%	33.3% #4FC673	RGB 79 198 115	#4FC673
50.0%	50.0% #3DBB5E	RGB 61 187 94	#3DBB5E
66.7%	66.7% #2AB048	RGB 42 176 72	#2AB048
83.3%	83.3% #17A532	RGB 23 165 50	#17A532
100.0%	100.0% #059A1D	RGB 5 154 29	#059A1D

#75DC9F #62D189 #4FC673 #3DBB5E #2AB048 #17A532 #059A1D

#75DC9F - #059A1D

Mezcla HSV

#75DC9F - #059A1D | 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 #75DC9F como 0% y #059A1D como 100%.

0.0%	0.0% #75DC9F	RGB 117 220 159	#75DC9F
16.7%	16.7% #5DD188	RGB 93 209 136	#5DD188
33.3%	33.3% #48C671	RGB 72 198 113	#48C671
50.0%	50.0% #34BB5A	RGB 52 187 90	#34BB5A
66.7%	66.7% #23B045	RGB 35 176 69	#23B045
83.3%	83.3% #13A530	RGB 19 165 48	#13A530
100.0%	100.0% #059A1D	RGB 5 154 29	#059A1D

#75DC9F #5DD188 #48C671 #34BB5A #23B045 #13A530 #059A1D

#75DC9F - #34BB5A - #059A1D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75DC9F 0%, #34BB5A 50%, #059A1D 100%);
    background: -webkit-linear-gradient(top, #75DC9F 0%, #34BB5A 50%, #059A1D 100%);
    background: linear-gradient(to bottom, #75DC9F 0%, #34BB5A 50%, #059A1D 100%);
}
</style>