#C0CFD9 - #363B3E | 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 #C0CFD9 a #363B3E

#C0CFD9 #363B3E

Calcule el color entre dos colores, #C0CFD9 y #363B3E. 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)

#C0CFD9 - #363B3E | 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 #C0CFD9 como 0% y #363B3E como 100%.

0.0%	0.0% #C0CFD9	RGB 192 207 217	#C0CFD9
16.7%	16.7% #A9B6BF	RGB 169 182 191	#A9B6BF
33.3%	33.3% #929DA5	RGB 146 157 165	#929DA5
50.0%	50.0% #7B858B	RGB 123 133 139	#7B858B
66.7%	66.7% #646C71	RGB 100 108 113	#646C71
83.3%	83.3% #4D5357	RGB 77 83 87	#4D5357
100.0%	100.0% #363B3E	RGB 54 59 62	#363B3E

#C0CFD9 #A9B6BF #929DA5 #7B858B #646C71 #4D5357 #363B3E

#C0CFD9 - #363B3E

Mezcla HSV

#C0CFD9 - #363B3E | 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 #C0CFD9 como 0% y #363B3E como 100%.

0.0%	0.0% #C0CFD9	RGB 192 207 217	#C0CFD9
16.7%	16.7% #A8B6BF	RGB 168 182 191	#A8B6BF
33.3%	33.3% #919DA5	RGB 145 157 165	#919DA5
50.0%	50.0% #7A848B	RGB 122 132 139	#7A848B
66.7%	66.7% #636C71	RGB 99 108 113	#636C71
83.3%	83.3% #4C5357	RGB 76 83 87	#4C5357
100.0%	100.0% #363B3E	RGB 54 59 62	#363B3E

#C0CFD9 #A8B6BF #919DA5 #7A848B #636C71 #4C5357 #363B3E

#C0CFD9 - #7A848B - #363B3E

Códigos CSS

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

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