#58C58A - #CFEEDD | 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 #58C58A a #CFEEDD

#58C58A #CFEEDD

Calcule el color entre dos colores, #58C58A y #CFEEDD. 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)

#58C58A - #CFEEDD | 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 #58C58A como 0% y #CFEEDD como 100%.

0.0%	0.0% #58C58A	RGB 88 197 138	#58C58A
16.7%	16.7% #6BCB97	RGB 107 203 151	#6BCB97
33.3%	33.3% #7FD2A5	RGB 127 210 165	#7FD2A5
50.0%	50.0% #93D9B3	RGB 147 217 179	#93D9B3
66.7%	66.7% #A7E0C1	RGB 167 224 193	#A7E0C1
83.3%	83.3% #BBE7CF	RGB 187 231 207	#BBE7CF
100.0%	100.0% #CFEEDD	RGB 207 238 221	#CFEEDD

#58C58A #6BCB97 #7FD2A5 #93D9B3 #A7E0C1 #BBE7CF #CFEEDD

#58C58A - #CFEEDD

Mezcla HSV

#58C58A - #CFEEDD | 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 #58C58A como 0% y #CFEEDD como 100%.

0.0%	0.0% #57C58A	RGB 87 197 138	#57C58A
16.7%	16.7% #69CB96	RGB 105 203 150	#69CB96
33.3%	33.3% #7BD2A3	RGB 123 210 163	#7BD2A3
50.0%	50.0% #8FD9B0	RGB 143 217 176	#8FD9B0
66.7%	66.7% #A3E0BF	RGB 163 224 191	#A3E0BF
83.3%	83.3% #B8E7CD	RGB 184 231 205	#B8E7CD
100.0%	100.0% #CFEEDD	RGB 207 238 221	#CFEEDD

#57C58A #69CB96 #7BD2A3 #8FD9B0 #A3E0BF #B8E7CD #CFEEDD

#58C58A - #8FD9B0 - #CFEEDD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #57C58A 0%, #8FD9B0 50%, #CFEEDD 100%);
    background: -webkit-linear-gradient(top, #57C58A 0%, #8FD9B0 50%, #CFEEDD 100%);
    background: linear-gradient(to bottom, #57C58A 0%, #8FD9B0 50%, #CFEEDD 100%);
}
</style>