#6D9D9D - #15695F | 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 #6D9D9D a #15695F

#6D9D9D #15695F

Calcule el color entre dos colores, #6D9D9D y #15695F. 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)

#6D9D9D - #15695F | 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 #6D9D9D como 0% y #15695F como 100%.

0.0%	0.0% #6D9D9D	RGB 109 157 157	#6D9D9D
16.7%	16.7% #5E9492	RGB 94 148 146	#5E9492
33.3%	33.3% #4F8B88	RGB 79 139 136	#4F8B88
50.0%	50.0% #41837E	RGB 65 131 126	#41837E
66.7%	66.7% #327A73	RGB 50 122 115	#327A73
83.3%	83.3% #237169	RGB 35 113 105	#237169
100.0%	100.0% #15695F	RGB 21 105 95	#15695F

#6D9D9D #5E9492 #4F8B88 #41837E #327A73 #237169 #15695F

#6D9D9D - #15695F

Mezcla HSV

#6D9D9D - #15695F | 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 #6D9D9D como 0% y #15695F como 100%.

0.0%	0.0% #6D9D9D	RGB 109 157 157	#6D9D9D
16.7%	16.7% #5A9493	RGB 90 148 147	#5A9493
33.3%	33.3% #498B89	RGB 73 139 137	#498B89
50.0%	50.0% #3A837E	RGB 58 131 126	#3A837E
66.7%	66.7% #2C7A74	RGB 44 122 116	#2C7A74
83.3%	83.3% #207169	RGB 32 113 105	#207169
100.0%	100.0% #15695F	RGB 21 105 95	#15695F

#6D9D9D #5A9493 #498B89 #3A837E #2C7A74 #207169 #15695F

#6D9D9D - #3A837E - #15695F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9D9D 0%, #3A837E 50%, #15695F 100%);
    background: -webkit-linear-gradient(top, #6D9D9D 0%, #3A837E 50%, #15695F 100%);
    background: linear-gradient(to bottom, #6D9D9D 0%, #3A837E 50%, #15695F 100%);
}
</style>