#2D435D - #838A8F | 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 #2D435D a #838A8F

#2D435D #838A8F

Calcule el color entre dos colores, #2D435D y #838A8F. 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)

#2D435D - #838A8F | 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 #2D435D como 0% y #838A8F como 100%.

0.0%	0.0% #2D435D	RGB 45 67 93	#2D435D
16.7%	16.7% #3B4E65	RGB 59 78 101	#3B4E65
33.3%	33.3% #495A6D	RGB 73 90 109	#495A6D
50.0%	50.0% #586676	RGB 88 102 118	#586676
66.7%	66.7% #66727E	RGB 102 114 126	#66727E
83.3%	83.3% #747E86	RGB 116 126 134	#747E86
100.0%	100.0% #838A8F	RGB 131 138 143	#838A8F

#2D435D #3B4E65 #495A6D #586676 #66727E #747E86 #838A8F

#2D435D - #838A8F

Mezcla HSV

#2D435D - #838A8F | 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 #2D435D como 0% y #838A8F como 100%.

0.0%	0.0% #2D425D	RGB 45 66 93	#2D425D
16.7%	16.7% #384D65	RGB 56 77 101	#384D65
33.3%	33.3% #44596D	RGB 68 89 109	#44596D
50.0%	50.0% #526576	RGB 82 101 118	#526576
66.7%	66.7% #61717E	RGB 97 113 126	#61717E
83.3%	83.3% #717D86	RGB 113 125 134	#717D86
100.0%	100.0% #838A8F	RGB 131 138 143	#838A8F

#2D425D #384D65 #44596D #526576 #61717E #717D86 #838A8F

#2D435D - #526576 - #838A8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D425D 0%, #526576 50%, #838A8F 100%);
    background: -webkit-linear-gradient(top, #2D425D 0%, #526576 50%, #838A8F 100%);
    background: linear-gradient(to bottom, #2D425D 0%, #526576 50%, #838A8F 100%);
}
</style>