#3A3C55 - #C6C7CE | 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 #3A3C55 a #C6C7CE

#3A3C55 #C6C7CE

Calcule el color entre dos colores, #3A3C55 y #C6C7CE. 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)

#3A3C55 - #C6C7CE | 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 #3A3C55 como 0% y #C6C7CE como 100%.

0.0%	0.0% #3A3C55	RGB 58 60 85	#3A3C55
16.7%	16.7% #515369	RGB 81 83 105	#515369
33.3%	33.3% #686A7D	RGB 104 106 125	#686A7D
50.0%	50.0% #808191	RGB 128 129 145	#808191
66.7%	66.7% #9798A5	RGB 151 152 165	#9798A5
83.3%	83.3% #AEAFB9	RGB 174 175 185	#AEAFB9
100.0%	100.0% #C6C7CE	RGB 198 199 206	#C6C7CE

#3A3C55 #515369 #686A7D #808191 #9798A5 #AEAFB9 #C6C7CE

#3A3C55 - #C6C7CE

Mezcla HSV

#3A3C55 - #C6C7CE | 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 #3A3C55 como 0% y #C6C7CE como 100%.

0.0%	0.0% #3A3C55	RGB 58 60 85	#3A3C55
16.7%	16.7% #4C4F69	RGB 76 79 105	#4C4F69
33.3%	33.3% #61637D	RGB 97 99 125	#61637D
50.0%	50.0% #777A91	RGB 119 122 145	#777A91
66.7%	66.7% #8F92A5	RGB 143 146 165	#8F92A5
83.3%	83.3% #A9ABB9	RGB 169 171 185	#A9ABB9
100.0%	100.0% #C6C7CE	RGB 198 199 206	#C6C7CE

#3A3C55 #4C4F69 #61637D #777A91 #8F92A5 #A9ABB9 #C6C7CE

#3A3C55 - #777A91 - #C6C7CE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3C55 0%, #777A91 50%, #C6C7CE 100%);
    background: -webkit-linear-gradient(top, #3A3C55 0%, #777A91 50%, #C6C7CE 100%);
    background: linear-gradient(to bottom, #3A3C55 0%, #777A91 50%, #C6C7CE 100%);
}
</style>