#293C05 - #818332 | 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 #293C05 a #818332

#293C05 #818332

Calcule el color entre dos colores, #293C05 y #818332. 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)

#293C05 - #818332 | 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 #293C05 como 0% y #818332 como 100%.

0.0%	0.0% #293C05	RGB 41 60 5	#293C05
16.7%	16.7% #37470C	RGB 55 71 12	#37470C
33.3%	33.3% #465314	RGB 70 83 20	#465314
50.0%	50.0% #555F1B	RGB 85 95 27	#555F1B
66.7%	66.7% #636B23	RGB 99 107 35	#636B23
83.3%	83.3% #72772A	RGB 114 119 42	#72772A
100.0%	100.0% #818332	RGB 129 131 50	#818332

#293C05 #37470C #465314 #555F1B #636B23 #72772A #818332

#293C05 - #818332

Mezcla HSV

#293C05 - #818332 | 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 #293C05 como 0% y #818332 como 100%.

0.0%	0.0% #283C04	RGB 40 60 4	#283C04
16.7%	16.7% #354709	RGB 53 71 9	#354709
33.3%	33.3% #43530F	RGB 67 83 15	#43530F
50.0%	50.0% #515F16	RGB 81 95 22	#515F16
66.7%	66.7% #616B1E	RGB 97 107 30	#616B1E
83.3%	83.3% #707727	RGB 112 119 39	#707727
100.0%	100.0% #818332	RGB 129 131 50	#818332

#283C04 #354709 #43530F #515F16 #616B1E #707727 #818332

#293C05 - #515F16 - #818332

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #283C04 0%, #515F16 50%, #818332 100%);
    background: -webkit-linear-gradient(top, #283C04 0%, #515F16 50%, #818332 100%);
    background: linear-gradient(to bottom, #283C04 0%, #515F16 50%, #818332 100%);
}
</style>