#356B00 - #C5D4B6 | 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 #356B00 a #C5D4B6

#356B00 #C5D4B6

Calcule el color entre dos colores, #356B00 y #C5D4B6. 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)

#356B00 - #C5D4B6 | 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 #356B00 como 0% y #C5D4B6 como 100%.

0.0%	0.0% #356B00	RGB 53 107 0	#356B00
16.7%	16.7% #4D7C1E	RGB 77 124 30	#4D7C1E
33.3%	33.3% #658E3C	RGB 101 142 60	#658E3C
50.0%	50.0% #7D9F5B	RGB 125 159 91	#7D9F5B
66.7%	66.7% #95B179	RGB 149 177 121	#95B179
83.3%	83.3% #ADC297	RGB 173 194 151	#ADC297
100.0%	100.0% #C5D4B6	RGB 197 212 182	#C5D4B6

#356B00 #4D7C1E #658E3C #7D9F5B #95B179 #ADC297 #C5D4B6

#356B00 - #C5D4B6

Mezcla HSV

#356B00 - #C5D4B6 | 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 #356B00 como 0% y #C5D4B6 como 100%.

0.0%	0.0% #356B00	RGB 53 107 0	#356B00
16.7%	16.7% #467C11	RGB 70 124 17	#467C11
33.3%	33.3% #5B8E28	RGB 91 142 40	#5B8E28
50.0%	50.0% #719F44	RGB 113 159 68	#719F44
66.7%	66.7% #8BB165	RGB 139 177 101	#8BB165
83.3%	83.3% #A6C28B	RGB 166 194 139	#A6C28B
100.0%	100.0% #C5D4B6	RGB 197 212 182	#C5D4B6

#356B00 #467C11 #5B8E28 #719F44 #8BB165 #A6C28B #C5D4B6

#356B00 - #719F44 - #C5D4B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #356B00 0%, #719F44 50%, #C5D4B6 100%);
    background: -webkit-linear-gradient(top, #356B00 0%, #719F44 50%, #C5D4B6 100%);
    background: linear-gradient(to bottom, #356B00 0%, #719F44 50%, #C5D4B6 100%);
}
</style>