#B4B5CD - #E9E9F0 | 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 #B4B5CD a #E9E9F0

#B4B5CD #E9E9F0

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

#B4B5CD - #E9E9F0 | 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 #B4B5CD como 0% y #E9E9F0 como 100%.

0.0%	0.0% #B4B5CD	RGB 180 181 205	#B4B5CD
16.7%	16.7% #BCBDD2	RGB 188 189 210	#BCBDD2
33.3%	33.3% #C5C6D8	RGB 197 198 216	#C5C6D8
50.0%	50.0% #CECFDE	RGB 206 207 222	#CECFDE
66.7%	66.7% #D7D7E4	RGB 215 215 228	#D7D7E4
83.3%	83.3% #E0E0EA	RGB 224 224 234	#E0E0EA
100.0%	100.0% #E9E9F0	RGB 233 233 240	#E9E9F0

#B4B5CD #BCBDD2 #C5C6D8 #CECFDE #D7D7E4 #E0E0EA #E9E9F0

#B4B5CD - #E9E9F0

Mezcla HSV

#B4B5CD - #E9E9F0 | 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 #B4B5CD como 0% y #E9E9F0 como 100%.

0.0%	0.0% #B4B5CD	RGB 180 181 205	#B4B5CD
16.7%	16.7% #BCBDD2	RGB 188 189 210	#BCBDD2
33.3%	33.3% #C4C5D8	RGB 196 197 216	#C4C5D8
50.0%	50.0% #CDCEDE	RGB 205 206 222	#CDCEDE
66.7%	66.7% #D6D6E4	RGB 214 214 228	#D6D6E4
83.3%	83.3% #DFDFEA	RGB 223 223 234	#DFDFEA
100.0%	100.0% #E9E9F0	RGB 233 233 240	#E9E9F0

#B4B5CD #BCBDD2 #C4C5D8 #CDCEDE #D6D6E4 #DFDFEA #E9E9F0

#B4B5CD - #CDCEDE - #E9E9F0

Códigos CSS

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

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