#5A465E - #CFCAD1 | 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 #5A465E a #CFCAD1

#5A465E #CFCAD1

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

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

0.0%	0.0% #5A465E	RGB 90 70 94	#5A465E
16.7%	16.7% #6D5C71	RGB 109 92 113	#6D5C71
33.3%	33.3% #817284	RGB 129 114 132	#817284
50.0%	50.0% #948897	RGB 148 136 151	#948897
66.7%	66.7% #A89EAA	RGB 168 158 170	#A89EAA
83.3%	83.3% #BBB4BD	RGB 187 180 189	#BBB4BD
100.0%	100.0% #CFCAD1	RGB 207 202 209	#CFCAD1

#5A465E #6D5C71 #817284 #948897 #A89EAA #BBB4BD #CFCAD1

#5A465E - #CFCAD1

Mezcla HSV

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

0.0%	0.0% #5A465E	RGB 90 70 94	#5A465E
16.7%	16.7% #6C5871	RGB 108 88 113	#6C5871
33.3%	33.3% #7F6C84	RGB 127 108 132	#7F6C84
50.0%	50.0% #928197	RGB 146 129 151	#928197
66.7%	66.7% #A698AA	RGB 166 152 170	#A698AA
83.3%	83.3% #BAB0BD	RGB 186 176 189	#BAB0BD
100.0%	100.0% #CFCAD1	RGB 207 202 209	#CFCAD1

#5A465E #6C5871 #7F6C84 #928197 #A698AA #BAB0BD #CFCAD1

#5A465E - #928197 - #CFCAD1

Códigos CSS

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

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