#5A781C - #CFD8BE | 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 #5A781C a #CFD8BE

#5A781C #CFD8BE

Calcule el color entre dos colores, #5A781C y #CFD8BE. 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)

#5A781C - #CFD8BE | 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 #5A781C como 0% y #CFD8BE como 100%.

0.0%	0.0% #5A781C	RGB 90 120 28	#5A781C
16.7%	16.7% #6D8837	RGB 109 136 55	#6D8837
33.3%	33.3% #819852	RGB 129 152 82	#819852
50.0%	50.0% #94A86D	RGB 148 168 109	#94A86D
66.7%	66.7% #A8B888	RGB 168 184 136	#A8B888
83.3%	83.3% #BBC8A3	RGB 187 200 163	#BBC8A3
100.0%	100.0% #CFD8BE	RGB 207 216 190	#CFD8BE

#5A781C #6D8837 #819852 #94A86D #A8B888 #BBC8A3 #CFD8BE

#5A781C - #CFD8BE

Mezcla HSV

#5A781C - #CFD8BE | 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 #5A781C como 0% y #CFD8BE como 100%.

0.0%	0.0% #5A781C	RGB 90 120 28	#5A781C
16.7%	16.7% #6A882E	RGB 106 136 46	#6A882E
33.3%	33.3% #7C9844	RGB 124 152 68	#7C9844
50.0%	50.0% #8EA85D	RGB 142 168 93	#8EA85D
66.7%	66.7% #A3B87A	RGB 163 184 122	#A3B87A
83.3%	83.3% #B8C89A	RGB 184 200 154	#B8C89A
100.0%	100.0% #CFD8BE	RGB 207 216 190	#CFD8BE

#5A781C #6A882E #7C9844 #8EA85D #A3B87A #B8C89A #CFD8BE

#5A781C - #8EA85D - #CFD8BE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A781C 0%, #8EA85D 50%, #CFD8BE 100%);
    background: -webkit-linear-gradient(top, #5A781C 0%, #8EA85D 50%, #CFD8BE 100%);
    background: linear-gradient(to bottom, #5A781C 0%, #8EA85D 50%, #CFD8BE 100%);
}
</style>