#6F726C - #CDBA8C | 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 #6F726C a #CDBA8C

#6F726C #CDBA8C

Calcule el color entre dos colores, #6F726C y #CDBA8C. 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)

#6F726C - #CDBA8C | 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 #6F726C como 0% y #CDBA8C como 100%.

0.0%	0.0% #6F726C	RGB 111 114 108	#6F726C
16.7%	16.7% #7E7E71	RGB 126 126 113	#7E7E71
33.3%	33.3% #8E8A76	RGB 142 138 118	#8E8A76
50.0%	50.0% #9E967C	RGB 158 150 124	#9E967C
66.7%	66.7% #ADA281	RGB 173 162 129	#ADA281
83.3%	83.3% #BDAE86	RGB 189 174 134	#BDAE86
100.0%	100.0% #CDBA8C	RGB 205 186 140	#CDBA8C

#6F726C #7E7E71 #8E8A76 #9E967C #ADA281 #BDAE86 #CDBA8C

#6F726C - #CDBA8C

Mezcla HSV

#6F726C - #CDBA8C | 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 #6F726C como 0% y #CDBA8C como 100%.

0.0%	0.0% #6F726C	RGB 111 114 108	#6F726C
16.7%	16.7% #7C8174	RGB 124 129 116	#7C8174
33.3%	33.3% #8B907C	RGB 139 144 124	#8B907C
50.0%	50.0% #9C9F82	RGB 156 159 130	#9C9F82
66.7%	66.7% #AEAD86	RGB 174 173 134	#AEAD86
83.3%	83.3% #BDB58A	RGB 189 181 138	#BDB58A
100.0%	100.0% #CDBA8C	RGB 205 186 140	#CDBA8C

#6F726C #7C8174 #8B907C #9C9F82 #AEAD86 #BDB58A #CDBA8C

#6F726C - #9C9F82 - #CDBA8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F726C 0%, #9C9F82 50%, #CDBA8C 100%);
    background: -webkit-linear-gradient(top, #6F726C 0%, #9C9F82 50%, #CDBA8C 100%);
    background: linear-gradient(to bottom, #6F726C 0%, #9C9F82 50%, #CDBA8C 100%);
}
</style>