#41738D - #87A8B5 | 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 #87A8B5

#41738D #87A8B5

Calcule el color entre dos colores, #41738D y #87A8B5. 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 - #87A8B5 | 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 #87A8B5 como 100%.

0.0%	0.0% #41738D	RGB 65 115 141	#41738D
16.7%	16.7% #4C7B93	RGB 76 123 147	#4C7B93
33.3%	33.3% #58849A	RGB 88 132 154	#58849A
50.0%	50.0% #648DA1	RGB 100 141 161	#648DA1
66.7%	66.7% #6F96A7	RGB 111 150 167	#6F96A7
83.3%	83.3% #7B9FAE	RGB 123 159 174	#7B9FAE
100.0%	100.0% #87A8B5	RGB 135 168 181	#87A8B5

#41738D #4C7B93 #58849A #648DA1 #6F96A7 #7B9FAE #87A8B5

#41738D - #87A8B5

Mezcla HSV

#41738D - #87A8B5 | 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 #87A8B5 como 100%.

0.0%	0.0% #41738D	RGB 65 115 141	#41738D
16.7%	16.7% #4B7B93	RGB 75 123 147	#4B7B93
33.3%	33.3% #55849A	RGB 85 132 154	#55849A
50.0%	50.0% #618DA1	RGB 97 141 161	#618DA1
66.7%	66.7% #6D95A7	RGB 109 149 167	#6D95A7
83.3%	83.3% #799EAE	RGB 121 158 174	#799EAE
100.0%	100.0% #87A8B5	RGB 135 168 181	#87A8B5

#41738D #4B7B93 #55849A #618DA1 #6D95A7 #799EAE #87A8B5

#41738D - #618DA1 - #87A8B5

Códigos CSS

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

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