#58C5B1 - #CFEEE8 | 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 #58C5B1 a #CFEEE8

#58C5B1 #CFEEE8

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

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

0.0%	0.0% #58C5B1	RGB 88 197 177	#58C5B1
16.7%	16.7% #6BCBBA	RGB 107 203 186	#6BCBBA
33.3%	33.3% #7FD2C3	RGB 127 210 195	#7FD2C3
50.0%	50.0% #93D9CC	RGB 147 217 204	#93D9CC
66.7%	66.7% #A7E0D5	RGB 167 224 213	#A7E0D5
83.3%	83.3% #BBE7DE	RGB 187 231 222	#BBE7DE
100.0%	100.0% #CFEEE8	RGB 207 238 232	#CFEEE8

#58C5B1 #6BCBBA #7FD2C3 #93D9CC #A7E0D5 #BBE7DE #CFEEE8

#58C5B1 - #CFEEE8

Mezcla HSV

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

0.0%	0.0% #57C5B1	RGB 87 197 177	#57C5B1
16.7%	16.7% #69CBB9	RGB 105 203 185	#69CBB9
33.3%	33.3% #7BD2C2	RGB 123 210 194	#7BD2C2
50.0%	50.0% #8FD9CB	RGB 143 217 203	#8FD9CB
66.7%	66.7% #A3E0D4	RGB 163 224 212	#A3E0D4
83.3%	83.3% #B8E7DE	RGB 184 231 222	#B8E7DE
100.0%	100.0% #CFEEE8	RGB 207 238 232	#CFEEE8

#57C5B1 #69CBB9 #7BD2C2 #8FD9CB #A3E0D4 #B8E7DE #CFEEE8

#58C5B1 - #8FD9CB - #CFEEE8

Códigos CSS

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

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