#3E5E05 - #C7D1B7 | 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 #3E5E05 a #C7D1B7

#3E5E05 #C7D1B7

Calcule el color entre dos colores, #3E5E05 y #C7D1B7. 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)

#3E5E05 - #C7D1B7 | 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 #3E5E05 como 0% y #C7D1B7 como 100%.

0.0%	0.0% #3E5E05	RGB 62 94 5	#3E5E05
16.7%	16.7% #547122	RGB 84 113 34	#547122
33.3%	33.3% #6B8440	RGB 107 132 64	#6B8440
50.0%	50.0% #82975E	RGB 130 151 94	#82975E
66.7%	66.7% #99AA7B	RGB 153 170 123	#99AA7B
83.3%	83.3% #B0BD99	RGB 176 189 153	#B0BD99
100.0%	100.0% #C7D1B7	RGB 199 209 183	#C7D1B7

#3E5E05 #547122 #6B8440 #82975E #99AA7B #B0BD99 #C7D1B7

#3E5E05 - #C7D1B7

Mezcla HSV

#3E5E05 - #C7D1B7 | 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 #3E5E05 como 0% y #C7D1B7 como 100%.

0.0%	0.0% #3E5E04	RGB 62 94 4	#3E5E04
16.7%	16.7% #4F7115	RGB 79 113 21	#4F7115
33.3%	33.3% #63842B	RGB 99 132 43	#63842B
50.0%	50.0% #799746	RGB 121 151 70	#799746
66.7%	66.7% #91AA66	RGB 145 170 102	#91AA66
83.3%	83.3% #AABD8C	RGB 170 189 140	#AABD8C
100.0%	100.0% #C7D1B7	RGB 199 209 183	#C7D1B7

#3E5E04 #4F7115 #63842B #799746 #91AA66 #AABD8C #C7D1B7

#3E5E05 - #799746 - #C7D1B7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E04 0%, #799746 50%, #C7D1B7 100%);
    background: -webkit-linear-gradient(top, #3E5E04 0%, #799746 50%, #C7D1B7 100%);
    background: linear-gradient(to bottom, #3E5E04 0%, #799746 50%, #C7D1B7 100%);
}
</style>