#C5CAD4 - #38393C | 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 #C5CAD4 a #38393C

#C5CAD4 #38393C

Calcule el color entre dos colores, #C5CAD4 y #38393C. 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)

#C5CAD4 - #38393C | 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 #C5CAD4 como 0% y #38393C como 100%.

0.0%	0.0% #C5CAD4	RGB 197 202 212	#C5CAD4
16.7%	16.7% #ADB1BA	RGB 173 177 186	#ADB1BA
33.3%	33.3% #9699A1	RGB 150 153 161	#9699A1
50.0%	50.0% #7E8188	RGB 126 129 136	#7E8188
66.7%	66.7% #67696E	RGB 103 105 110	#67696E
83.3%	83.3% #4F5155	RGB 79 81 85	#4F5155
100.0%	100.0% #38393C	RGB 56 57 60	#38393C

#C5CAD4 #ADB1BA #9699A1 #7E8188 #67696E #4F5155 #38393C

#C5CAD4 - #38393C

Mezcla HSV

#C5CAD4 - #38393C | 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 #C5CAD4 como 0% y #38393C como 100%.

0.0%	0.0% #C5CAD4	RGB 197 202 212	#C5CAD4
16.7%	16.7% #ADB1BA	RGB 173 177 186	#ADB1BA
33.3%	33.3% #9699A1	RGB 150 153 161	#9699A1
50.0%	50.0% #7E8188	RGB 126 129 136	#7E8188
66.7%	66.7% #67696E	RGB 103 105 110	#67696E
83.3%	83.3% #4F5155	RGB 79 81 85	#4F5155
100.0%	100.0% #38393C	RGB 56 57 60	#38393C

#C5CAD4 #ADB1BA #9699A1 #7E8188 #67696E #4F5155 #38393C

#C5CAD4 - #7E8188 - #38393C

Códigos CSS

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

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