#58C486 - #CFEEDC | 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 #58C486 a #CFEEDC

#58C486 #CFEEDC

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

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

0.0%	0.0% #58C486	RGB 88 196 134	#58C486
16.7%	16.7% #6BCB94	RGB 107 203 148	#6BCB94
33.3%	33.3% #7FD2A2	RGB 127 210 162	#7FD2A2
50.0%	50.0% #93D9B1	RGB 147 217 177	#93D9B1
66.7%	66.7% #A7E0BF	RGB 167 224 191	#A7E0BF
83.3%	83.3% #BBE7CD	RGB 187 231 205	#BBE7CD
100.0%	100.0% #CFEEDC	RGB 207 238 220	#CFEEDC

#58C486 #6BCB94 #7FD2A2 #93D9B1 #A7E0BF #BBE7CD #CFEEDC

#58C486 - #CFEEDC

Mezcla HSV

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

0.0%	0.0% #58C486	RGB 88 196 134	#58C486
16.7%	16.7% #69CB92	RGB 105 203 146	#69CB92
33.3%	33.3% #7BD2A0	RGB 123 210 160	#7BD2A0
50.0%	50.0% #8FD9AE	RGB 143 217 174	#8FD9AE
66.7%	66.7% #A3E0BC	RGB 163 224 188	#A3E0BC
83.3%	83.3% #B8E7CC	RGB 184 231 204	#B8E7CC
100.0%	100.0% #CFEEDC	RGB 207 238 220	#CFEEDC

#58C486 #69CB92 #7BD2A0 #8FD9AE #A3E0BC #B8E7CC #CFEEDC

#58C486 - #8FD9AE - #CFEEDC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #58C486 0%, #8FD9AE 50%, #CFEEDC 100%);
    background: -webkit-linear-gradient(top, #58C486 0%, #8FD9AE 50%, #CFEEDC 100%);
    background: linear-gradient(to bottom, #58C486 0%, #8FD9AE 50%, #CFEEDC 100%);
}
</style>