#919B9B - #2D645E | 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 #919B9B a #2D645E

#919B9B #2D645E

Calcule el color entre dos colores, #919B9B y #2D645E. 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)

#919B9B - #2D645E | 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 #919B9B como 0% y #2D645E como 100%.

0.0%	0.0% #919B9B	RGB 145 155 155	#919B9B
16.7%	16.7% #809190	RGB 128 145 144	#809190
33.3%	33.3% #6F8886	RGB 111 136 134	#6F8886
50.0%	50.0% #5F7F7C	RGB 95 127 124	#5F7F7C
66.7%	66.7% #4E7672	RGB 78 118 114	#4E7672
83.3%	83.3% #3D6D68	RGB 61 109 104	#3D6D68
100.0%	100.0% #2D645E	RGB 45 100 94	#2D645E

#919B9B #809190 #6F8886 #5F7F7C #4E7672 #3D6D68 #2D645E

#919B9B - #2D645E

Mezcla HSV

#919B9B - #2D645E | 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 #919B9B como 0% y #2D645E como 100%.

0.0%	0.0% #919B9B	RGB 145 155 155	#919B9B
16.7%	16.7% #7C9191	RGB 124 145 145	#7C9191
33.3%	33.3% #698887	RGB 105 136 135	#698887
50.0%	50.0% #587F7D	RGB 88 127 125	#587F7D
66.7%	66.7% #487672	RGB 72 118 114	#487672
83.3%	83.3% #396D68	RGB 57 109 104	#396D68
100.0%	100.0% #2D645E	RGB 45 100 94	#2D645E

#919B9B #7C9191 #698887 #587F7D #487672 #396D68 #2D645E

#919B9B - #587F7D - #2D645E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #919B9B 0%, #587F7D 50%, #2D645E 100%);
    background: -webkit-linear-gradient(top, #919B9B 0%, #587F7D 50%, #2D645E 100%);
    background: linear-gradient(to bottom, #919B9B 0%, #587F7D 50%, #2D645E 100%);
}
</style>