#C5E3E1 - #59B5B5 | 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 #C5E3E1 a #59B5B5

#C5E3E1 #59B5B5

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

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

0.0%	0.0% #C5E3E1	RGB 197 227 225	#C5E3E1
16.7%	16.7% #B3DBD9	RGB 179 219 217	#B3DBD9
33.3%	33.3% #A1D3D2	RGB 161 211 210	#A1D3D2
50.0%	50.0% #8FCCCB	RGB 143 204 203	#8FCCCB
66.7%	66.7% #7DC4C3	RGB 125 196 195	#7DC4C3
83.3%	83.3% #6BBCBC	RGB 107 188 188	#6BBCBC
100.0%	100.0% #59B5B5	RGB 89 181 181	#59B5B5

#C5E3E1 #B3DBD9 #A1D3D2 #8FCCCB #7DC4C3 #6BBCBC #59B5B5

#C5E3E1 - #59B5B5

Mezcla HSV

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

0.0%	0.0% #C5E3E1	RGB 197 227 225	#C5E3E1
16.7%	16.7% #B0DBD8	RGB 176 219 216	#B0DBD8
33.3%	33.3% #9DD3D1	RGB 157 211 209	#9DD3D1
50.0%	50.0% #8ACCC9	RGB 138 204 201	#8ACCC9
66.7%	66.7% #79C4C2	RGB 121 196 194	#79C4C2
83.3%	83.3% #68BCBB	RGB 104 188 187	#68BCBB
100.0%	100.0% #59B5B5	RGB 89 181 181	#59B5B5

#C5E3E1 #B0DBD8 #9DD3D1 #8ACCC9 #79C4C2 #68BCBB #59B5B5

#C5E3E1 - #8ACCC9 - #59B5B5

Códigos CSS

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

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