#82849B - #2E404F | 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 #82849B a #2E404F

#82849B #2E404F

Calcule el color entre dos colores, #82849B y #2E404F. 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)

#82849B - #2E404F | 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 #82849B como 0% y #2E404F como 100%.

0.0%	0.0% #82849B	RGB 130 132 155	#82849B
16.7%	16.7% #74788E	RGB 116 120 142	#74788E
33.3%	33.3% #666D81	RGB 102 109 129	#666D81
50.0%	50.0% #586275	RGB 88 98 117	#586275
66.7%	66.7% #4A5668	RGB 74 86 104	#4A5668
83.3%	83.3% #3C4B5B	RGB 60 75 91	#3C4B5B
100.0%	100.0% #2E404F	RGB 46 64 79	#2E404F

#82849B #74788E #666D81 #586275 #4A5668 #3C4B5B #2E404F

#82849B - #2E404F

Mezcla HSV

#82849B - #2E404F | 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 #82849B como 0% y #2E404F como 100%.

0.0%	0.0% #82849B	RGB 130 132 155	#82849B
16.7%	16.7% #71758E	RGB 113 117 142	#71758E
33.3%	33.3% #616981	RGB 97 105 129	#616981
50.0%	50.0% #535D75	RGB 83 93 117	#535D75
66.7%	66.7% #455368	RGB 69 83 104	#455368
83.3%	83.3% #39495B	RGB 57 73 91	#39495B
100.0%	100.0% #2E404F	RGB 46 64 79	#2E404F

#82849B #71758E #616981 #535D75 #455368 #39495B #2E404F

#82849B - #535D75 - #2E404F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82849B 0%, #535D75 50%, #2E404F 100%);
    background: -webkit-linear-gradient(top, #82849B 0%, #535D75 50%, #2E404F 100%);
    background: linear-gradient(to bottom, #82849B 0%, #535D75 50%, #2E404F 100%);
}
</style>