#273248 - #C1C4CA | 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 #273248 a #C1C4CA

#273248 #C1C4CA

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

#273248 - #C1C4CA | 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 #273248 como 0% y #C1C4CA como 100%.

0.0%	0.0% #273248	RGB 39 50 72	#273248
16.7%	16.7% #404A5D	RGB 64 74 93	#404A5D
33.3%	33.3% #5A6273	RGB 90 98 115	#5A6273
50.0%	50.0% #747B89	RGB 116 123 137	#747B89
66.7%	66.7% #8D939E	RGB 141 147 158	#8D939E
83.3%	83.3% #A7ABB4	RGB 167 171 180	#A7ABB4
100.0%	100.0% #C1C4CA	RGB 193 196 202	#C1C4CA

#273248 #404A5D #5A6273 #747B89 #8D939E #A7ABB4 #C1C4CA

#273248 - #C1C4CA

Mezcla HSV

#273248 - #C1C4CA | 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 #273248 como 0% y #C1C4CA como 100%.

0.0%	0.0% #273248	RGB 39 50 72	#273248
16.7%	16.7% #39455D	RGB 57 69 93	#39455D
33.3%	33.3% #4E5A73	RGB 78 90 115	#4E5A73
50.0%	50.0% #667289	RGB 102 114 137	#667289
66.7%	66.7% #818B9E	RGB 129 139 158	#818B9E
83.3%	83.3% #9FA6B4	RGB 159 166 180	#9FA6B4
100.0%	100.0% #C1C4CA	RGB 193 196 202	#C1C4CA

#273248 #39455D #4E5A73 #667289 #818B9E #9FA6B4 #C1C4CA

#273248 - #667289 - #C1C4CA

Códigos CSS

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

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