#C5E5E1 - #5AB8B5 | 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 #C5E5E1 a #5AB8B5

#C5E5E1 #5AB8B5

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

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

0.0%	0.0% #C5E5E1	RGB 197 229 225	#C5E5E1
16.7%	16.7% #B3DDD9	RGB 179 221 217	#B3DDD9
33.3%	33.3% #A1D6D2	RGB 161 214 210	#A1D6D2
50.0%	50.0% #8FCECB	RGB 143 206 203	#8FCECB
66.7%	66.7% #7DC7C3	RGB 125 199 195	#7DC7C3
83.3%	83.3% #6BBFBC	RGB 107 191 188	#6BBFBC
100.0%	100.0% #5AB8B5	RGB 90 184 181	#5AB8B5

#C5E5E1 #B3DDD9 #A1D6D2 #8FCECB #7DC7C3 #6BBFBC #5AB8B5

#C5E5E1 - #5AB8B5

Mezcla HSV

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

0.0%	0.0% #C5E5E1	RGB 197 229 225	#C5E5E1
16.7%	16.7% #B0DDD8	RGB 176 221 216	#B0DDD8
33.3%	33.3% #9DD6D0	RGB 157 214 208	#9DD6D0
50.0%	50.0% #8BCEC9	RGB 139 206 201	#8BCEC9
66.7%	66.7% #79C7C2	RGB 121 199 194	#79C7C2
83.3%	83.3% #69BFBB	RGB 105 191 187	#69BFBB
100.0%	100.0% #5AB8B5	RGB 90 184 181	#5AB8B5

#C5E5E1 #B0DDD8 #9DD6D0 #8BCEC9 #79C7C2 #69BFBB #5AB8B5

#C5E5E1 - #8BCEC9 - #5AB8B5

Códigos CSS

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

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