#94963C - #655500 | 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 #94963C a #655500

#94963C #655500

Calcule el color entre dos colores, #94963C y #655500. 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)

#94963C - #655500 | 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 #94963C como 0% y #655500 como 100%.

0.0%	0.0% #94963C	RGB 148 150 60	#94963C
16.7%	16.7% #8C8B32	RGB 140 139 50	#8C8B32
33.3%	33.3% #848028	RGB 132 128 40	#848028
50.0%	50.0% #7C751E	RGB 124 117 30	#7C751E
66.7%	66.7% #746A14	RGB 116 106 20	#746A14
83.3%	83.3% #6C5F0A	RGB 108 95 10	#6C5F0A
100.0%	100.0% #655500	RGB 101 85 0	#655500

#94963C #8C8B32 #848028 #7C751E #746A14 #6C5F0A #655500

#94963C - #655500

Mezcla HSV

#94963C - #655500 | 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 #94963C como 0% y #655500 como 100%.

0.0%	0.0% #94963C	RGB 148 150 60	#94963C
16.7%	16.7% #8D8D2F	RGB 141 141 47	#8D8D2F
33.3%	33.3% #858123	RGB 133 129 35	#858123
50.0%	50.0% #7D7619	RGB 125 118 25	#7D7619
66.7%	66.7% #756B0F	RGB 117 107 15	#756B0F
83.3%	83.3% #6D6007	RGB 109 96 7	#6D6007
100.0%	100.0% #655500	RGB 101 85 0	#655500

#94963C #8D8D2F #858123 #7D7619 #756B0F #6D6007 #655500

#94963C - #7D7619 - #655500

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94963C 0%, #7D7619 50%, #655500 100%);
    background: -webkit-linear-gradient(top, #94963C 0%, #7D7619 50%, #655500 100%);
    background: linear-gradient(to bottom, #94963C 0%, #7D7619 50%, #655500 100%);
}
</style>