#3F5030 - #C8CDC3 | 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 #3F5030 a #C8CDC3

#3F5030 #C8CDC3

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

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

0.0%	0.0% #3F5030	RGB 63 80 48	#3F5030
16.7%	16.7% #556448	RGB 85 100 72	#556448
33.3%	33.3% #6C7961	RGB 108 121 97	#6C7961
50.0%	50.0% #838E79	RGB 131 142 121	#838E79
66.7%	66.7% #9AA392	RGB 154 163 146	#9AA392
83.3%	83.3% #B1B8AA	RGB 177 184 170	#B1B8AA
100.0%	100.0% #C8CDC3	RGB 200 205 195	#C8CDC3

#3F5030 #556448 #6C7961 #838E79 #9AA392 #B1B8AA #C8CDC3

#3F5030 - #C8CDC3

Mezcla HSV

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

0.0%	0.0% #3F5030	RGB 63 80 48	#3F5030
16.7%	16.7% #526442	RGB 82 100 66	#526442
33.3%	33.3% #677957	RGB 103 121 87	#677957
50.0%	50.0% #7E8E6E	RGB 126 142 110	#7E8E6E
66.7%	66.7% #95A388	RGB 149 163 136	#95A388
83.3%	83.3% #AEB8A4	RGB 174 184 164	#AEB8A4
100.0%	100.0% #C8CDC3	RGB 200 205 195	#C8CDC3

#3F5030 #526442 #677957 #7E8E6E #95A388 #AEB8A4 #C8CDC3

#3F5030 - #7E8E6E - #C8CDC3

Códigos CSS

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

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