#2D5E2D - #A0AB65 | 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 #2D5E2D a #A0AB65

#2D5E2D #A0AB65

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

#2D5E2D - #A0AB65 | 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 #2D5E2D como 0% y #A0AB65 como 100%.

0.0%	0.0% #2D5E2D	RGB 45 94 45	#2D5E2D
16.7%	16.7% #406A36	RGB 64 106 54	#406A36
33.3%	33.3% #53773F	RGB 83 119 63	#53773F
50.0%	50.0% #668449	RGB 102 132 73	#668449
66.7%	66.7% #799152	RGB 121 145 82	#799152
83.3%	83.3% #8C9E5B	RGB 140 158 91	#8C9E5B
100.0%	100.0% #A0AB65	RGB 160 171 101	#A0AB65

#2D5E2D #406A36 #53773F #668449 #799152 #8C9E5B #A0AB65

#2D5E2D - #A0AB65

Mezcla HSV

#2D5E2D - #A0AB65 | 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 #2D5E2D como 0% y #A0AB65 como 100%.

0.0%	0.0% #2D5E2D	RGB 45 94 45	#2D5E2D
16.7%	16.7% #3C6A35	RGB 60 106 53	#3C6A35
33.3%	33.3% #4E773D	RGB 78 119 61	#4E773D
50.0%	50.0% #608446	RGB 96 132 70	#608446
66.7%	66.7% #749150	RGB 116 145 80	#749150
83.3%	83.3% #8A9E5A	RGB 138 158 90	#8A9E5A
100.0%	100.0% #A0AB65	RGB 160 171 101	#A0AB65

#2D5E2D #3C6A35 #4E773D #608446 #749150 #8A9E5A #A0AB65

#2D5E2D - #608446 - #A0AB65

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E2D 0%, #608446 50%, #A0AB65 100%);
    background: -webkit-linear-gradient(top, #2D5E2D 0%, #608446 50%, #A0AB65 100%);
    background: linear-gradient(to bottom, #2D5E2D 0%, #608446 50%, #A0AB65 100%);
}
</style>