#373C78 - #C5C7D8 | 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 #373C78 a #C5C7D8

#373C78 #C5C7D8

Calcule el color entre dos colores, #373C78 y #C5C7D8. 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)

#373C78 - #C5C7D8 | 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 #373C78 como 0% y #C5C7D8 como 100%.

0.0%	0.0% #373C78	RGB 55 60 120	#373C78
16.7%	16.7% #4E5388	RGB 78 83 136	#4E5388
33.3%	33.3% #666A98	RGB 102 106 152	#666A98
50.0%	50.0% #7E81A8	RGB 126 129 168	#7E81A8
66.7%	66.7% #9598B8	RGB 149 152 184	#9598B8
83.3%	83.3% #ADAFC8	RGB 173 175 200	#ADAFC8
100.0%	100.0% #C5C7D8	RGB 197 199 216	#C5C7D8

#373C78 #4E5388 #666A98 #7E81A8 #9598B8 #ADAFC8 #C5C7D8

#373C78 - #C5C7D8

Mezcla HSV

#373C78 - #C5C7D8 | 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 #373C78 como 0% y #C5C7D8 como 100%.

0.0%	0.0% #373C78	RGB 55 60 120	#373C78
16.7%	16.7% #484D88	RGB 72 77 136	#484D88
33.3%	33.3% #5C6198	RGB 92 97 152	#5C6198
50.0%	50.0% #7377A8	RGB 115 119 168	#7377A8
66.7%	66.7% #8B90B8	RGB 139 144 184	#8B90B8
83.3%	83.3% #A7AAC8	RGB 167 170 200	#A7AAC8
100.0%	100.0% #C5C7D8	RGB 197 199 216	#C5C7D8

#373C78 #484D88 #5C6198 #7377A8 #8B90B8 #A7AAC8 #C5C7D8

#373C78 - #7377A8 - #C5C7D8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #373C78 0%, #7377A8 50%, #C5C7D8 100%);
    background: -webkit-linear-gradient(top, #373C78 0%, #7377A8 50%, #C5C7D8 100%);
    background: linear-gradient(to bottom, #373C78 0%, #7377A8 50%, #C5C7D8 100%);
}
</style>