#BAB5E1 - #C8E5E3 | 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 #BAB5E1 a #C8E5E3

#BAB5E1 #C8E5E3

Calcule el color entre dos colores, #BAB5E1 y #C8E5E3. 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)

#BAB5E1 - #C8E5E3 | 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 #BAB5E1 como 0% y #C8E5E3 como 100%.

0.0%	0.0% #BAB5E1	RGB 186 181 225	#BAB5E1
16.7%	16.7% #BCBDE1	RGB 188 189 225	#BCBDE1
33.3%	33.3% #BEC5E1	RGB 190 197 225	#BEC5E1
50.0%	50.0% #C1CDE2	RGB 193 205 226	#C1CDE2
66.7%	66.7% #C3D5E2	RGB 195 213 226	#C3D5E2
83.3%	83.3% #C5DDE2	RGB 197 221 226	#C5DDE2
100.0%	100.0% #C8E5E3	RGB 200 229 227	#C8E5E3

#BAB5E1 #BCBDE1 #BEC5E1 #C1CDE2 #C3D5E2 #C5DDE2 #C8E5E3

#BAB5E1 - #C8E5E3

Mezcla HSV

#BAB5E1 - #C8E5E3 | 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 #BAB5E1 como 0% y #C8E5E3 como 100%.

0.0%	0.0% #BAB5E1	RGB 186 181 225	#BAB5E1
16.7%	16.7% #B8BBE1	RGB 184 187 225	#B8BBE1
33.3%	33.3% #BBC6E2	RGB 187 198 226	#BBC6E2
50.0%	50.0% #BECFE3	RGB 190 207 227	#BECFE3
66.7%	66.7% #C1D8E3	RGB 193 216 227	#C1D8E3
83.3%	83.3% #C4E0E4	RGB 196 224 228	#C4E0E4
100.0%	100.0% #C8E5E3	RGB 200 229 227	#C8E5E3

#BAB5E1 #B8BBE1 #BBC6E2 #BECFE3 #C1D8E3 #C4E0E4 #C8E5E3

#BAB5E1 - #BECFE3 - #C8E5E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAB5E1 0%, #BECFE3 50%, #C8E5E3 100%);
    background: -webkit-linear-gradient(top, #BAB5E1 0%, #BECFE3 50%, #C8E5E3 100%);
    background: linear-gradient(to bottom, #BAB5E1 0%, #BECFE3 50%, #C8E5E3 100%);
}
</style>