#669600 - #EDC894 | 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 #669600 a #EDC894

#669600 #EDC894

Calcule el color entre dos colores, #669600 y #EDC894. 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)

#669600 - #EDC894 | 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 #669600 como 0% y #EDC894 como 100%.

0.0%	0.0% #669600	RGB 102 150 0	#669600
16.7%	16.7% #7C9E18	RGB 124 158 24	#7C9E18
33.3%	33.3% #93A631	RGB 147 166 49	#93A631
50.0%	50.0% #A9AF4A	RGB 169 175 74	#A9AF4A
66.7%	66.7% #C0B762	RGB 192 183 98	#C0B762
83.3%	83.3% #D6BF7B	RGB 214 191 123	#D6BF7B
100.0%	100.0% #EDC894	RGB 237 200 148	#EDC894

#669600 #7C9E18 #93A631 #A9AF4A #C0B762 #D6BF7B #EDC894

#669600 - #EDC894

Mezcla HSV

#669600 - #EDC894 | 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 #669600 como 0% y #EDC894 como 100%.

0.0%	0.0% #669600	RGB 102 150 0	#669600
16.7%	16.7% #87A411	RGB 135 164 17	#87A411
33.3%	33.3% #A8B325	RGB 168 179 37	#A8B325
50.0%	50.0% #C1BB3C	RGB 193 187 60	#C1BB3C
66.7%	66.7% #D0BB56	RGB 208 187 86	#D0BB56
83.3%	83.3% #DEBF73	RGB 222 191 115	#DEBF73
100.0%	100.0% #EDC894	RGB 237 200 148	#EDC894

#669600 #87A411 #A8B325 #C1BB3C #D0BB56 #DEBF73 #EDC894

#669600 - #C1BB3C - #EDC894

Códigos CSS

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

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