#59B8C5 - #E3E3CD | 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 #59B8C5 a #E3E3CD

#59B8C5 #E3E3CD

Calcule el color entre dos colores, #59B8C5 y #E3E3CD. 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)

#59B8C5 - #E3E3CD | 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 #59B8C5 como 0% y #E3E3CD como 100%.

0.0%	0.0% #59B8C5	RGB 89 184 197	#59B8C5
16.7%	16.7% #70BFC6	RGB 112 191 198	#70BFC6
33.3%	33.3% #87C6C7	RGB 135 198 199	#87C6C7
50.0%	50.0% #9ECDC9	RGB 158 205 201	#9ECDC9
66.7%	66.7% #B5D4CA	RGB 181 212 202	#B5D4CA
83.3%	83.3% #CCDBCB	RGB 204 219 203	#CCDBCB
100.0%	100.0% #E3E3CD	RGB 227 227 205	#E3E3CD

#59B8C5 #70BFC6 #87C6C7 #9ECDC9 #B5D4CA #CCDBCB #E3E3CD

#59B8C5 - #E3E3CD

Mezcla HSV

#59B8C5 - #E3E3CD | 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 #59B8C5 como 0% y #E3E3CD como 100%.

0.0%	0.0% #59B8C5	RGB 89 184 197	#59B8C5
16.7%	16.7% #6ACAB3	RGB 106 202 179	#6ACAB3
33.3%	33.3% #7CCF9E	RGB 124 207 158	#7CCF9E
50.0%	50.0% #8FD493	RGB 143 212 147	#8FD493
66.7%	66.7% #B3D9A3	RGB 179 217 163	#B3D9A3
83.3%	83.3% #D0DEB7	RGB 208 222 183	#D0DEB7
100.0%	100.0% #E3E3CD	RGB 227 227 205	#E3E3CD

#59B8C5 #6ACAB3 #7CCF9E #8FD493 #B3D9A3 #D0DEB7 #E3E3CD

#59B8C5 - #8FD493 - #E3E3CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #59B8C5 0%, #8FD493 50%, #E3E3CD 100%);
    background: -webkit-linear-gradient(top, #59B8C5 0%, #8FD493 50%, #E3E3CD 100%);
    background: linear-gradient(to bottom, #59B8C5 0%, #8FD493 50%, #E3E3CD 100%);
}
</style>