#103039 - #BAC3C6 | 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 #103039 a #BAC3C6

#103039 #BAC3C6

Calcule el color entre dos colores, #103039 y #BAC3C6. 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)

#103039 - #BAC3C6 | 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 #103039 como 0% y #BAC3C6 como 100%.

0.0%	0.0% #103039	RGB 16 48 57	#103039
16.7%	16.7% #2C4850	RGB 44 72 80	#2C4850
33.3%	33.3% #486168	RGB 72 97 104	#486168
50.0%	50.0% #65797F	RGB 101 121 127	#65797F
66.7%	66.7% #819297	RGB 129 146 151	#819297
83.3%	83.3% #9DAAAE	RGB 157 170 174	#9DAAAE
100.0%	100.0% #BAC3C6	RGB 186 195 198	#BAC3C6

#103039 #2C4850 #486168 #65797F #819297 #9DAAAE #BAC3C6

#103039 - #BAC3C6

Mezcla HSV

#103039 - #BAC3C6 | 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 #103039 como 0% y #BAC3C6 como 100%.

0.0%	0.0% #102F39	RGB 16 47 57	#102F39
16.7%	16.7% #1F4550	RGB 31 69 80	#1F4550
33.3%	33.3% #345C68	RGB 52 92 104	#345C68
50.0%	50.0% #4D737F	RGB 77 115 127	#4D737F
66.7%	66.7% #6C8C97	RGB 108 140 151	#6C8C97
83.3%	83.3% #90A7AE	RGB 144 167 174	#90A7AE
100.0%	100.0% #BAC3C6	RGB 186 195 198	#BAC3C6

#102F39 #1F4550 #345C68 #4D737F #6C8C97 #90A7AE #BAC3C6

#103039 - #4D737F - #BAC3C6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #102F39 0%, #4D737F 50%, #BAC3C6 100%);
    background: -webkit-linear-gradient(top, #102F39 0%, #4D737F 50%, #BAC3C6 100%);
    background: linear-gradient(to bottom, #102F39 0%, #4D737F 50%, #BAC3C6 100%);
}
</style>