#C4CE84 - #869D33 | 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 #C4CE84 a #869D33

#C4CE84 #869D33

Calcule el color entre dos colores, #C4CE84 y #869D33. 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)

#C4CE84 - #869D33 | 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 #C4CE84 como 0% y #869D33 como 100%.

0.0%	0.0% #C4CE84	RGB 196 206 132	#C4CE84
16.7%	16.7% #B9C576	RGB 185 197 118	#B9C576
33.3%	33.3% #AFBD69	RGB 175 189 105	#AFBD69
50.0%	50.0% #A5B55B	RGB 165 181 91	#A5B55B
66.7%	66.7% #9AAD4E	RGB 154 173 78	#9AAD4E
83.3%	83.3% #90A540	RGB 144 165 64	#90A540
100.0%	100.0% #869D33	RGB 134 157 51	#869D33

#C4CE84 #B9C576 #AFBD69 #A5B55B #9AAD4E #90A540 #869D33

#C4CE84 - #869D33

Mezcla HSV

#C4CE84 - #869D33 | 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 #C4CE84 como 0% y #869D33 como 100%.

0.0%	0.0% #C4CE84	RGB 196 206 132	#C4CE84
16.7%	16.7% #B9C574	RGB 185 197 116	#B9C574
33.3%	33.3% #AFBD65	RGB 175 189 101	#AFBD65
50.0%	50.0% #A4B557	RGB 164 181 87	#A4B557
66.7%	66.7% #9AAD4A	RGB 154 173 74	#9AAD4A
83.3%	83.3% #90A53E	RGB 144 165 62	#90A53E
100.0%	100.0% #869D33	RGB 134 157 51	#869D33

#C4CE84 #B9C574 #AFBD65 #A4B557 #9AAD4A #90A53E #869D33

#C4CE84 - #A4B557 - #869D33

Códigos CSS

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

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