#C5E7E3 - #59BBB8 | 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 #C5E7E3 a #59BBB8

#C5E7E3 #59BBB8

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

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

0.0%	0.0% #C5E7E3	RGB 197 231 227	#C5E7E3
16.7%	16.7% #B3DFDB	RGB 179 223 219	#B3DFDB
33.3%	33.3% #A1D8D4	RGB 161 216 212	#A1D8D4
50.0%	50.0% #8FD1CD	RGB 143 209 205	#8FD1CD
66.7%	66.7% #7DC9C6	RGB 125 201 198	#7DC9C6
83.3%	83.3% #6BC2BF	RGB 107 194 191	#6BC2BF
100.0%	100.0% #59BBB8	RGB 89 187 184	#59BBB8

#C5E7E3 #B3DFDB #A1D8D4 #8FD1CD #7DC9C6 #6BC2BF #59BBB8

#C5E7E3 - #59BBB8

Mezcla HSV

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

0.0%	0.0% #C5E7E3	RGB 197 231 227	#C5E7E3
16.7%	16.7% #B0DFDA	RGB 176 223 218	#B0DFDA
33.3%	33.3% #9DD8D3	RGB 157 216 211	#9DD8D3
50.0%	50.0% #8AD1CB	RGB 138 209 203	#8AD1CB
66.7%	66.7% #79C9C4	RGB 121 201 196	#79C9C4
83.3%	83.3% #68C2BE	RGB 104 194 190	#68C2BE
100.0%	100.0% #59BBB8	RGB 89 187 184	#59BBB8

#C5E7E3 #B0DFDA #9DD8D3 #8AD1CB #79C9C4 #68C2BE #59BBB8

#C5E7E3 - #8AD1CB - #59BBB8

Códigos CSS

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

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