#B4B5CD - #53698C | 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 #53698C

#B4B5CD #53698C

Calcule el color entre dos colores, #B4B5CD y #53698C. 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 - #53698C | 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 #53698C como 100%.

0.0%	0.0% #B4B5CD	RGB 180 181 205	#B4B5CD
16.7%	16.7% #A3A8C2	RGB 163 168 194	#A3A8C2
33.3%	33.3% #939BB7	RGB 147 155 183	#939BB7
50.0%	50.0% #838FAC	RGB 131 143 172	#838FAC
66.7%	66.7% #7382A1	RGB 115 130 161	#7382A1
83.3%	83.3% #637596	RGB 99 117 150	#637596
100.0%	100.0% #53698C	RGB 83 105 140	#53698C

#B4B5CD #A3A8C2 #939BB7 #838FAC #7382A1 #637596 #53698C

#B4B5CD - #53698C

Mezcla HSV

#B4B5CD - #53698C | 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 #53698C como 100%.

0.0%	0.0% #B4B5CD	RGB 180 181 205	#B4B5CD
16.7%	16.7% #A1A4C2	RGB 161 164 194	#A1A4C2
33.3%	33.3% #8F95B7	RGB 143 149 183	#8F95B7
50.0%	50.0% #7E88AC	RGB 126 136 172	#7E88AC
66.7%	66.7% #6F7CA1	RGB 111 124 161	#6F7CA1
83.3%	83.3% #607296	RGB 96 114 150	#607296
100.0%	100.0% #53698C	RGB 83 105 140	#53698C

#B4B5CD #A1A4C2 #8F95B7 #7E88AC #6F7CA1 #607296 #53698C

#B4B5CD - #7E88AC - #53698C

Códigos CSS

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

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