#5E6D9A - #D1D5E2 | 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 #5E6D9A a #D1D5E2

#5E6D9A #D1D5E2

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

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

0.0%	0.0% #5E6D9A	RGB 94 109 154	#5E6D9A
16.7%	16.7% #717EA6	RGB 113 126 166	#717EA6
33.3%	33.3% #848FB2	RGB 132 143 178	#848FB2
50.0%	50.0% #97A1BE	RGB 151 161 190	#97A1BE
66.7%	66.7% #AAB2CA	RGB 170 178 202	#AAB2CA
83.3%	83.3% #BDC3D6	RGB 189 195 214	#BDC3D6
100.0%	100.0% #D1D5E2	RGB 209 213 226	#D1D5E2

#5E6D9A #717EA6 #848FB2 #97A1BE #AAB2CA #BDC3D6 #D1D5E2

#5E6D9A - #D1D5E2

Mezcla HSV

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

0.0%	0.0% #5E6D9A	RGB 94 109 154	#5E6D9A
16.7%	16.7% #6E7BA6	RGB 110 123 166	#6E7BA6
33.3%	33.3% #7F8BB2	RGB 127 139 178	#7F8BB2
50.0%	50.0% #919CBE	RGB 145 156 190	#919CBE
66.7%	66.7% #A5AECA	RGB 165 174 202	#A5AECA
83.3%	83.3% #BAC1D6	RGB 186 193 214	#BAC1D6
100.0%	100.0% #D1D5E2	RGB 209 213 226	#D1D5E2

#5E6D9A #6E7BA6 #7F8BB2 #919CBE #A5AECA #BAC1D6 #D1D5E2

#5E6D9A - #919CBE - #D1D5E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D9A 0%, #919CBE 50%, #D1D5E2 100%);
    background: -webkit-linear-gradient(top, #5E6D9A 0%, #919CBE 50%, #D1D5E2 100%);
    background: linear-gradient(to bottom, #5E6D9A 0%, #919CBE 50%, #D1D5E2 100%);
}
</style>