#3A5631 - #C7CEC4 | 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 #3A5631 a #C7CEC4

#3A5631 #C7CEC4

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

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

0.0%	0.0% #3A5631	RGB 58 86 49	#3A5631
16.7%	16.7% #516A49	RGB 81 106 73	#516A49
33.3%	33.3% #697E62	RGB 105 126 98	#697E62
50.0%	50.0% #80927A	RGB 128 146 122	#80927A
66.7%	66.7% #98A693	RGB 152 166 147	#98A693
83.3%	83.3% #AFBAAB	RGB 175 186 171	#AFBAAB
100.0%	100.0% #C7CEC4	RGB 199 206 196	#C7CEC4

#3A5631 #516A49 #697E62 #80927A #98A693 #AFBAAB #C7CEC4

#3A5631 - #C7CEC4

Mezcla HSV

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

0.0%	0.0% #3A5631	RGB 58 86 49	#3A5631
16.7%	16.7% #4C6A43	RGB 76 106 67	#4C6A43
33.3%	33.3% #617E57	RGB 97 126 87	#617E57
50.0%	50.0% #78926F	RGB 120 146 111	#78926F
66.7%	66.7% #91A688	RGB 145 166 136	#91A688
83.3%	83.3% #ABBAA5	RGB 171 186 165	#ABBAA5
100.0%	100.0% #C7CEC4	RGB 199 206 196	#C7CEC4

#3A5631 #4C6A43 #617E57 #78926F #91A688 #ABBAA5 #C7CEC4

#3A5631 - #78926F - #C7CEC4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5631 0%, #78926F 50%, #C7CEC4 100%);
    background: -webkit-linear-gradient(top, #3A5631 0%, #78926F 50%, #C7CEC4 100%);
    background: linear-gradient(to bottom, #3A5631 0%, #78926F 50%, #C7CEC4 100%);
}
</style>