#C5EFE1 - #5EC6B6 | 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 #C5EFE1 a #5EC6B6

#C5EFE1 #5EC6B6

Calcule el color entre dos colores, #C5EFE1 y #5EC6B6. 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)

#C5EFE1 - #5EC6B6 | 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 #C5EFE1 como 0% y #5EC6B6 como 100%.

0.0%	0.0% #C5EFE1	RGB 197 239 225	#C5EFE1
16.7%	16.7% #B3E8D9	RGB 179 232 217	#B3E8D9
33.3%	33.3% #A2E1D2	RGB 162 225 210	#A2E1D2
50.0%	50.0% #91DACB	RGB 145 218 203	#91DACB
66.7%	66.7% #80D3C4	RGB 128 211 196	#80D3C4
83.3%	83.3% #6FCCBD	RGB 111 204 189	#6FCCBD
100.0%	100.0% #5EC6B6	RGB 94 198 182	#5EC6B6

#C5EFE1 #B3E8D9 #A2E1D2 #91DACB #80D3C4 #6FCCBD #5EC6B6

#C5EFE1 - #5EC6B6

Mezcla HSV

#C5EFE1 - #5EC6B6 | 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 #C5EFE1 como 0% y #5EC6B6 como 100%.

0.0%	0.0% #C5EFE1	RGB 197 239 225	#C5EFE1
16.7%	16.7% #B1E8D7	RGB 177 232 215	#B1E8D7
33.3%	33.3% #9FE1CF	RGB 159 225 207	#9FE1CF
50.0%	50.0% #8DDAC7	RGB 141 218 199	#8DDAC7
66.7%	66.7% #7DD3C1	RGB 125 211 193	#7DD3C1
83.3%	83.3% #6DCCBB	RGB 109 204 187	#6DCCBB
100.0%	100.0% #5EC6B6	RGB 94 198 182	#5EC6B6

#C5EFE1 #B1E8D7 #9FE1CF #8DDAC7 #7DD3C1 #6DCCBB #5EC6B6

#C5EFE1 - #8DDAC7 - #5EC6B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EFE1 0%, #8DDAC7 50%, #5EC6B6 100%);
    background: -webkit-linear-gradient(top, #C5EFE1 0%, #8DDAC7 50%, #5EC6B6 100%);
    background: linear-gradient(to bottom, #C5EFE1 0%, #8DDAC7 50%, #5EC6B6 100%);
}
</style>