#58C57C - #CFEED9 | 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 #58C57C a #CFEED9

#58C57C #CFEED9

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

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

0.0%	0.0% #58C57C	RGB 88 197 124	#58C57C
16.7%	16.7% #6BCB8B	RGB 107 203 139	#6BCB8B
33.3%	33.3% #7FD29B	RGB 127 210 155	#7FD29B
50.0%	50.0% #93D9AA	RGB 147 217 170	#93D9AA
66.7%	66.7% #A7E0BA	RGB 167 224 186	#A7E0BA
83.3%	83.3% #BBE7C9	RGB 187 231 201	#BBE7C9
100.0%	100.0% #CFEED9	RGB 207 238 217	#CFEED9

#58C57C #6BCB8B #7FD29B #93D9AA #A7E0BA #BBE7C9 #CFEED9

#58C57C - #CFEED9

Mezcla HSV

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

0.0%	0.0% #57C57C	RGB 87 197 124	#57C57C
16.7%	16.7% #69CB89	RGB 105 203 137	#69CB89
33.3%	33.3% #7BD298	RGB 123 210 152	#7BD298
50.0%	50.0% #8FD9A7	RGB 143 217 167	#8FD9A7
66.7%	66.7% #A3E0B7	RGB 163 224 183	#A3E0B7
83.3%	83.3% #B8E7C7	RGB 184 231 199	#B8E7C7
100.0%	100.0% #CFEED9	RGB 207 238 217	#CFEED9

#57C57C #69CB89 #7BD298 #8FD9A7 #A3E0B7 #B8E7C7 #CFEED9

#58C57C - #8FD9A7 - #CFEED9

Códigos CSS

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

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