#41738D - #103132 | 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 #41738D a #103132

#41738D #103132

Calcule el color entre dos colores, #41738D y #103132. 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)

#41738D - #103132 | 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 #41738D como 0% y #103132 como 100%.

0.0%	0.0% #41738D	RGB 65 115 141	#41738D
16.7%	16.7% #38687D	RGB 56 104 125	#38687D
33.3%	33.3% #305D6E	RGB 48 93 110	#305D6E
50.0%	50.0% #28525F	RGB 40 82 95	#28525F
66.7%	66.7% #204750	RGB 32 71 80	#204750
83.3%	83.3% #183C41	RGB 24 60 65	#183C41
100.0%	100.0% #103132	RGB 16 49 50	#103132

#41738D #38687D #305D6E #28525F #204750 #183C41 #103132

#41738D - #103132

Mezcla HSV

#41738D - #103132 | 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 #41738D como 0% y #103132 como 100%.

0.0%	0.0% #41738D	RGB 65 115 141	#41738D
16.7%	16.7% #37697D	RGB 55 105 125	#37697D
33.3%	33.3% #2D5F6E	RGB 45 95 110	#2D5F6E
50.0%	50.0% #25545F	RGB 37 84 95	#25545F
66.7%	66.7% #1D4950	RGB 29 73 80	#1D4950
83.3%	83.3% #163D41	RGB 22 61 65	#163D41
100.0%	100.0% #103132	RGB 16 49 50	#103132

#41738D #37697D #2D5F6E #25545F #1D4950 #163D41 #103132

#41738D - #25545F - #103132

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41738D 0%, #25545F 50%, #103132 100%);
    background: -webkit-linear-gradient(top, #41738D 0%, #25545F 50%, #103132 100%);
    background: linear-gradient(to bottom, #41738D 0%, #25545F 50%, #103132 100%);
}
</style>