#4D507A - #CCCDD9 | 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 #4D507A a #CCCDD9

#4D507A #CCCDD9

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

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

0.0%	0.0% #4D507A	RGB 77 80 122	#4D507A
16.7%	16.7% #626489	RGB 98 100 137	#626489
33.3%	33.3% #777999	RGB 119 121 153	#777999
50.0%	50.0% #8C8EA9	RGB 140 142 169	#8C8EA9
66.7%	66.7% #A1A3B9	RGB 161 163 185	#A1A3B9
83.3%	83.3% #B6B8C9	RGB 182 184 201	#B6B8C9
100.0%	100.0% #CCCDD9	RGB 204 205 217	#CCCDD9

#4D507A #626489 #777999 #8C8EA9 #A1A3B9 #B6B8C9 #CCCDD9

#4D507A - #CCCDD9

Mezcla HSV

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

0.0%	0.0% #4D507A	RGB 77 80 122	#4D507A
16.7%	16.7% #5E6189	RGB 94 97 137	#5E6189
33.3%	33.3% #707399	RGB 112 115 153	#707399
50.0%	50.0% #8587A9	RGB 133 135 169	#8587A9
66.7%	66.7% #9B9DB9	RGB 155 157 185	#9B9DB9
83.3%	83.3% #B2B4C9	RGB 178 180 201	#B2B4C9
100.0%	100.0% #CCCDD9	RGB 204 205 217	#CCCDD9

#4D507A #5E6189 #707399 #8587A9 #9B9DB9 #B2B4C9 #CCCDD9

#4D507A - #8587A9 - #CCCDD9

Códigos CSS

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

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