#C5EFE7 - #59C7BE | 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 #C5EFE7 a #59C7BE

#C5EFE7 #59C7BE

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

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

0.0%	0.0% #C5EFE7	RGB 197 239 231	#C5EFE7
16.7%	16.7% #B3E8E0	RGB 179 232 224	#B3E8E0
33.3%	33.3% #A1E1D9	RGB 161 225 217	#A1E1D9
50.0%	50.0% #8FDBD2	RGB 143 219 210	#8FDBD2
66.7%	66.7% #7DD4CB	RGB 125 212 203	#7DD4CB
83.3%	83.3% #6BCDC4	RGB 107 205 196	#6BCDC4
100.0%	100.0% #59C7BE	RGB 89 199 190	#59C7BE

#C5EFE7 #B3E8E0 #A1E1D9 #8FDBD2 #7DD4CB #6BCDC4 #59C7BE

#C5EFE7 - #59C7BE

Mezcla HSV

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

0.0%	0.0% #C5EFE7	RGB 197 239 231	#C5EFE7
16.7%	16.7% #B0E8DE	RGB 176 232 222	#B0E8DE
33.3%	33.3% #9DE1D7	RGB 157 225 215	#9DE1D7
50.0%	50.0% #8BDBD0	RGB 139 219 208	#8BDBD0
66.7%	66.7% #79D4C9	RGB 121 212 201	#79D4C9
83.3%	83.3% #68CDC3	RGB 104 205 195	#68CDC3
100.0%	100.0% #59C7BE	RGB 89 199 190	#59C7BE

#C5EFE7 #B0E8DE #9DE1D7 #8BDBD0 #79D4C9 #68CDC3 #59C7BE

#C5EFE7 - #8BDBD0 - #59C7BE

Códigos CSS

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

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