#5E465A - #D1CAD0 | 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 #5E465A a #D1CAD0

#5E465A #D1CAD0

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

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

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #715C6D	RGB 113 92 109	#715C6D
33.3%	33.3% #847281	RGB 132 114 129	#847281
50.0%	50.0% #978895	RGB 151 136 149	#978895
66.7%	66.7% #AA9EA8	RGB 170 158 168	#AA9EA8
83.3%	83.3% #BDB4BC	RGB 189 180 188	#BDB4BC
100.0%	100.0% #D1CAD0	RGB 209 202 208	#D1CAD0

#5E465A #715C6D #847281 #978895 #AA9EA8 #BDB4BC #D1CAD0

#5E465A - #D1CAD0

Mezcla HSV

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

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #71586D	RGB 113 88 109	#71586D
33.3%	33.3% #846C80	RGB 132 108 128	#846C80
50.0%	50.0% #978194	RGB 151 129 148	#978194
66.7%	66.7% #AA98A7	RGB 170 152 167	#AA98A7
83.3%	83.3% #BDB0BB	RGB 189 176 187	#BDB0BB
100.0%	100.0% #D1CAD0	RGB 209 202 208	#D1CAD0

#5E465A #71586D #846C80 #978194 #AA98A7 #BDB0BB #D1CAD0

#5E465A - #978194 - #D1CAD0

Códigos CSS

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

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