#454A2B - #1F2B02 | 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 #454A2B a #1F2B02

#454A2B #1F2B02

Calcule el color entre dos colores, #454A2B y #1F2B02. 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)

#454A2B - #1F2B02 | 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 #454A2B como 0% y #1F2B02 como 100%.

0.0%	0.0% #454A2B	RGB 69 74 43	#454A2B
16.7%	16.7% #3E4424	RGB 62 68 36	#3E4424
33.3%	33.3% #383F1D	RGB 56 63 29	#383F1D
50.0%	50.0% #323A16	RGB 50 58 22	#323A16
66.7%	66.7% #2B350F	RGB 43 53 15	#2B350F
83.3%	83.3% #253008	RGB 37 48 8	#253008
100.0%	100.0% #1F2B02	RGB 31 43 2	#1F2B02

#454A2B #3E4424 #383F1D #323A16 #2B350F #253008 #1F2B02

#454A2B - #1F2B02

Mezcla HSV

#454A2B - #1F2B02 | 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 #454A2B como 0% y #1F2B02 como 100%.

0.0%	0.0% #454A2B	RGB 69 74 43	#454A2B
16.7%	16.7% #3E4421	RGB 62 68 33	#3E4421
33.3%	33.3% #373F19	RGB 55 63 25	#373F19
50.0%	50.0% #313A12	RGB 49 58 18	#313A12
66.7%	66.7% #2B350B	RGB 43 53 11	#2B350B
83.3%	83.3% #243006	RGB 36 48 6	#243006
100.0%	100.0% #1F2B02	RGB 31 43 2	#1F2B02

#454A2B #3E4421 #373F19 #313A12 #2B350B #243006 #1F2B02

#454A2B - #313A12 - #1F2B02

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #454A2B 0%, #313A12 50%, #1F2B02 100%);
    background: -webkit-linear-gradient(top, #454A2B 0%, #313A12 50%, #1F2B02 100%);
    background: linear-gradient(to bottom, #454A2B 0%, #313A12 50%, #1F2B02 100%);
}
</style>