#3E3E3D - #C7C7C7 | 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 #3E3E3D a #C7C7C7

#3E3E3D #C7C7C7

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

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

0.0%	0.0% #3E3E3D	RGB 62 62 61	#3E3E3D
16.7%	16.7% #545454	RGB 84 84 84	#545454
33.3%	33.3% #6B6B6B	RGB 107 107 107	#6B6B6B
50.0%	50.0% #828282	RGB 130 130 130	#828282
66.7%	66.7% #999999	RGB 153 153 153	#999999
83.3%	83.3% #B0B0B0	RGB 176 176 176	#B0B0B0
100.0%	100.0% #C7C7C7	RGB 199 199 199	#C7C7C7

#3E3E3D #545454 #6B6B6B #828282 #999999 #B0B0B0 #C7C7C7

#3E3E3D - #C7C7C7

Mezcla HSV

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

0.0%	0.0% #3E3E3D	RGB 62 62 61	#3E3E3D
16.7%	16.7% #545453	RGB 84 84 83	#545453
33.3%	33.3% #6B6B6A	RGB 107 107 106	#6B6B6A
50.0%	50.0% #828181	RGB 130 129 129	#828181
66.7%	66.7% #999898	RGB 153 152 152	#999898
83.3%	83.3% #B0AFAF	RGB 176 175 175	#B0AFAF
100.0%	100.0% #C7C7C7	RGB 199 199 199	#C7C7C7

#3E3E3D #545453 #6B6B6A #828181 #999898 #B0AFAF #C7C7C7

#3E3E3D - #828181 - #C7C7C7

Códigos CSS

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

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