#4A4D78 - #CBCCD8 | 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 #4A4D78 a #CBCCD8

#4A4D78 #CBCCD8

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

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

0.0%	0.0% #4A4D78	RGB 74 77 120	#4A4D78
16.7%	16.7% #5F6288	RGB 95 98 136	#5F6288
33.3%	33.3% #757798	RGB 117 119 152	#757798
50.0%	50.0% #8A8CA8	RGB 138 140 168	#8A8CA8
66.7%	66.7% #A0A1B8	RGB 160 161 184	#A0A1B8
83.3%	83.3% #B5B6C8	RGB 181 182 200	#B5B6C8
100.0%	100.0% #CBCCD8	RGB 203 204 216	#CBCCD8

#4A4D78 #5F6288 #757798 #8A8CA8 #A0A1B8 #B5B6C8 #CBCCD8

#4A4D78 - #CBCCD8

Mezcla HSV

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

0.0%	0.0% #4A4C78	RGB 74 76 120	#4A4C78
16.7%	16.7% #5B5E88	RGB 91 94 136	#5B5E88
33.3%	33.3% #6E7198	RGB 110 113 152	#6E7198
50.0%	50.0% #8285A8	RGB 130 133 168	#8285A8
66.7%	66.7% #999BB8	RGB 153 155 184	#999BB8
83.3%	83.3% #B1B2C8	RGB 177 178 200	#B1B2C8
100.0%	100.0% #CBCCD8	RGB 203 204 216	#CBCCD8

#4A4C78 #5B5E88 #6E7198 #8285A8 #999BB8 #B1B2C8 #CBCCD8

#4A4D78 - #8285A8 - #CBCCD8

Códigos CSS

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

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