#4E465E - #CCCAD1 | 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 #4E465E a #CCCAD1

#4E465E #CCCAD1

Calcule el color entre dos colores, #4E465E y #CCCAD1. 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)

#4E465E - #CCCAD1 | 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 #4E465E como 0% y #CCCAD1 como 100%.

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #635C71	RGB 99 92 113	#635C71
33.3%	33.3% #787284	RGB 120 114 132	#787284
50.0%	50.0% #8D8897	RGB 141 136 151	#8D8897
66.7%	66.7% #A29EAA	RGB 162 158 170	#A29EAA
83.3%	83.3% #B7B4BD	RGB 183 180 189	#B7B4BD
100.0%	100.0% #CCCAD1	RGB 204 202 209	#CCCAD1

#4E465E #635C71 #787284 #8D8897 #A29EAA #B7B4BD #CCCAD1

#4E465E - #CCCAD1

Mezcla HSV

#4E465E - #CCCAD1 | 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 #4E465E como 0% y #CCCAD1 como 100%.

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #605871	RGB 96 88 113	#605871
33.3%	33.3% #736C84	RGB 115 108 132	#736C84
50.0%	50.0% #888197	RGB 136 129 151	#888197
66.7%	66.7% #9D98AA	RGB 157 152 170	#9D98AA
83.3%	83.3% #B4B0BD	RGB 180 176 189	#B4B0BD
100.0%	100.0% #CCCAD1	RGB 204 202 209	#CCCAD1

#4E465E #605871 #736C84 #888197 #9D98AA #B4B0BD #CCCAD1

#4E465E - #888197 - #CCCAD1

Códigos CSS

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

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