#C3C3C0 - #373736 | 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 #C3C3C0 a #373736

#C3C3C0 #373736

Calcule el color entre dos colores, #C3C3C0 y #373736. 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)

#C3C3C0 - #373736 | 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 #C3C3C0 como 0% y #373736 como 100%.

0.0%	0.0% #C3C3C0	RGB 195 195 192	#C3C3C0
16.7%	16.7% #ABABA9	RGB 171 171 169	#ABABA9
33.3%	33.3% #949492	RGB 148 148 146	#949492
50.0%	50.0% #7D7D7B	RGB 125 125 123	#7D7D7B
66.7%	66.7% #656564	RGB 101 101 100	#656564
83.3%	83.3% #4E4E4D	RGB 78 78 77	#4E4E4D
100.0%	100.0% #373736	RGB 55 55 54	#373736

#C3C3C0 #ABABA9 #949492 #7D7D7B #656564 #4E4E4D #373736

#C3C3C0 - #373736

Mezcla HSV

#C3C3C0 - #373736 | 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 #C3C3C0 como 0% y #373736 como 100%.

0.0%	0.0% #C3C3C0	RGB 195 195 192	#C3C3C0
16.7%	16.7% #ABABA8	RGB 171 171 168	#ABABA8
33.3%	33.3% #949491	RGB 148 148 145	#949491
50.0%	50.0% #7D7D7A	RGB 125 125 122	#7D7D7A
66.7%	66.7% #656563	RGB 101 101 99	#656563
83.3%	83.3% #4E4E4C	RGB 78 78 76	#4E4E4C
100.0%	100.0% #373736	RGB 55 55 54	#373736

#C3C3C0 #ABABA8 #949491 #7D7D7A #656563 #4E4E4C #373736

#C3C3C0 - #7D7D7A - #373736

Códigos CSS

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

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