#414765 - #92898C | 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 #414765 a #92898C

#414765 #92898C

Calcule el color entre dos colores, #414765 y #92898C. 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)

#414765 - #92898C | 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 #414765 como 0% y #92898C como 100%.

0.0%	0.0% #414765	RGB 65 71 101	#414765
16.7%	16.7% #4E526B	RGB 78 82 107	#4E526B
33.3%	33.3% #5C5D72	RGB 92 93 114	#5C5D72
50.0%	50.0% #696878	RGB 105 104 120	#696878
66.7%	66.7% #77737F	RGB 119 115 127	#77737F
83.3%	83.3% #847E85	RGB 132 126 133	#847E85
100.0%	100.0% #92898C	RGB 146 137 140	#92898C

#414765 #4E526B #5C5D72 #696878 #77737F #847E85 #92898C

#414765 - #92898C

Mezcla HSV

#414765 - #92898C | 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 #414765 como 0% y #92898C como 100%.

0.0%	0.0% #414765	RGB 65 71 101	#414765
16.7%	16.7% #4F4B6C	RGB 79 75 108	#4F4B6C
33.3%	33.3% #635674	RGB 99 86 116	#635674
50.0%	50.0% #75617B	RGB 117 97 123	#75617B
66.7%	66.7% #836E81	RGB 131 110 129	#836E81
83.3%	83.3% #8A7B84	RGB 138 123 132	#8A7B84
100.0%	100.0% #92898C	RGB 146 137 140	#92898C

#414765 #4F4B6C #635674 #75617B #836E81 #8A7B84 #92898C

#414765 - #75617B - #92898C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #414765 0%, #75617B 50%, #92898C 100%);
    background: -webkit-linear-gradient(top, #414765 0%, #75617B 50%, #92898C 100%);
    background: linear-gradient(to bottom, #414765 0%, #75617B 50%, #92898C 100%);
}
</style>