#4F4469 - #CCC9D4 | 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 #4F4469 a #CCC9D4

#4F4469 #CCC9D4

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

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

0.0%	0.0% #4F4469	RGB 79 68 105	#4F4469
16.7%	16.7% #635A7A	RGB 99 90 122	#635A7A
33.3%	33.3% #78708C	RGB 120 112 140	#78708C
50.0%	50.0% #8D869E	RGB 141 134 158	#8D869E
66.7%	66.7% #A29CB0	RGB 162 156 176	#A29CB0
83.3%	83.3% #B7B2C2	RGB 183 178 194	#B7B2C2
100.0%	100.0% #CCC9D4	RGB 204 201 212	#CCC9D4

#4F4469 #635A7A #78708C #8D869E #A29CB0 #B7B2C2 #CCC9D4

#4F4469 - #CCC9D4

Mezcla HSV

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

0.0%	0.0% #4F4469	RGB 79 68 105	#4F4469
16.7%	16.7% #60557A	RGB 96 85 122	#60557A
33.3%	33.3% #73698C	RGB 115 105 140	#73698C
50.0%	50.0% #877E9E	RGB 135 126 158	#877E9E
66.7%	66.7% #9D95B0	RGB 157 149 176	#9D95B0
83.3%	83.3% #B3AEC2	RGB 179 174 194	#B3AEC2
100.0%	100.0% #CCC9D4	RGB 204 201 212	#CCC9D4

#4F4469 #60557A #73698C #877E9E #9D95B0 #B3AEC2 #CCC9D4

#4F4469 - #877E9E - #CCC9D4

Códigos CSS

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

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