#3E4164 - #C7C8D2 | 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 #3E4164 a #C7C8D2

#3E4164 #C7C8D2

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

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

0.0%	0.0% #3E4164	RGB 62 65 100	#3E4164
16.7%	16.7% #545776	RGB 84 87 118	#545776
33.3%	33.3% #6B6E88	RGB 107 110 136	#6B6E88
50.0%	50.0% #82849B	RGB 130 132 155	#82849B
66.7%	66.7% #999BAD	RGB 153 155 173	#999BAD
83.3%	83.3% #B0B1BF	RGB 176 177 191	#B0B1BF
100.0%	100.0% #C7C8D2	RGB 199 200 210	#C7C8D2

#3E4164 #545776 #6B6E88 #82849B #999BAD #B0B1BF #C7C8D2

#3E4164 - #C7C8D2

Mezcla HSV

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

0.0%	0.0% #3E4164	RGB 62 65 100	#3E4164
16.7%	16.7% #4F5276	RGB 79 82 118	#4F5276
33.3%	33.3% #636688	RGB 99 102 136	#636688
50.0%	50.0% #797C9B	RGB 121 124 155	#797C9B
66.7%	66.7% #9193AD	RGB 145 147 173	#9193AD
83.3%	83.3% #ABACBF	RGB 171 172 191	#ABACBF
100.0%	100.0% #C7C8D2	RGB 199 200 210	#C7C8D2

#3E4164 #4F5276 #636688 #797C9B #9193AD #ABACBF #C7C8D2

#3E4164 - #797C9B - #C7C8D2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4164 0%, #797C9B 50%, #C7C8D2 100%);
    background: -webkit-linear-gradient(top, #3E4164 0%, #797C9B 50%, #C7C8D2 100%);
    background: linear-gradient(to bottom, #3E4164 0%, #797C9B 50%, #C7C8D2 100%);
}
</style>