#3E4A61 - #C7CBD1 | 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 #3E4A61 a #C7CBD1

#3E4A61 #C7CBD1

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

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

0.0%	0.0% #3E4A61	RGB 62 74 97	#3E4A61
16.7%	16.7% #545F73	RGB 84 95 115	#545F73
33.3%	33.3% #6B7586	RGB 107 117 134	#6B7586
50.0%	50.0% #828A99	RGB 130 138 153	#828A99
66.7%	66.7% #99A0AB	RGB 153 160 171	#99A0AB
83.3%	83.3% #B0B5BE	RGB 176 181 190	#B0B5BE
100.0%	100.0% #C7CBD1	RGB 199 203 209	#C7CBD1

#3E4A61 #545F73 #6B7586 #828A99 #99A0AB #B0B5BE #C7CBD1

#3E4A61 - #C7CBD1

Mezcla HSV

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

0.0%	0.0% #3E4A61	RGB 62 74 97	#3E4A61
16.7%	16.7% #4F5C73	RGB 79 92 115	#4F5C73
33.3%	33.3% #637086	RGB 99 112 134	#637086
50.0%	50.0% #798599	RGB 121 133 153	#798599
66.7%	66.7% #919BAB	RGB 145 155 171	#919BAB
83.3%	83.3% #ABB2BE	RGB 171 178 190	#ABB2BE
100.0%	100.0% #C7CBD1	RGB 199 203 209	#C7CBD1

#3E4A61 #4F5C73 #637086 #798599 #919BAB #ABB2BE #C7CBD1

#3E4A61 - #798599 - #C7CBD1

Códigos CSS

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

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