#CACACE - #39393A | 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 #CACACE a #39393A

#CACACE #39393A

Calcule el color entre dos colores, #CACACE y #39393A. 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)

#CACACE - #39393A | 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 #CACACE como 0% y #39393A como 100%.

0.0%	0.0% #CACACE	RGB 202 202 206	#CACACE
16.7%	16.7% #B1B1B5	RGB 177 177 181	#B1B1B5
33.3%	33.3% #99999C	RGB 153 153 156	#99999C
50.0%	50.0% #818184	RGB 129 129 132	#818184
66.7%	66.7% #69696B	RGB 105 105 107	#69696B
83.3%	83.3% #515152	RGB 81 81 82	#515152
100.0%	100.0% #39393A	RGB 57 57 58	#39393A

#CACACE #B1B1B5 #99999C #818184 #69696B #515152 #39393A

#CACACE - #39393A

Mezcla HSV

#CACACE - #39393A | 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 #CACACE como 0% y #39393A como 100%.

0.0%	0.0% #CACACE	RGB 202 202 206	#CACACE
16.7%	16.7% #B1B1B5	RGB 177 177 181	#B1B1B5
33.3%	33.3% #99999C	RGB 153 153 156	#99999C
50.0%	50.0% #818184	RGB 129 129 132	#818184
66.7%	66.7% #69696B	RGB 105 105 107	#69696B
83.3%	83.3% #515152	RGB 81 81 82	#515152
100.0%	100.0% #39393A	RGB 57 57 58	#39393A

#CACACE #B1B1B5 #99999C #818184 #69696B #515152 #39393A

#CACACE - #818184 - #39393A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACACE 0%, #818184 50%, #39393A 100%);
    background: -webkit-linear-gradient(top, #CACACE 0%, #818184 50%, #39393A 100%);
    background: linear-gradient(to bottom, #CACACE 0%, #818184 50%, #39393A 100%);
}
</style>