#182950 - #BDC1CD | 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 #182950 a #BDC1CD

#182950 #BDC1CD

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

#182950 - #BDC1CD | 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 #182950 como 0% y #BDC1CD como 100%.

0.0%	0.0% #182950	RGB 24 41 80	#182950
16.7%	16.7% #334264	RGB 51 66 100	#334264
33.3%	33.3% #4F5B79	RGB 79 91 121	#4F5B79
50.0%	50.0% #6A758E	RGB 106 117 142	#6A758E
66.7%	66.7% #868EA3	RGB 134 142 163	#868EA3
83.3%	83.3% #A1A7B8	RGB 161 167 184	#A1A7B8
100.0%	100.0% #BDC1CD	RGB 189 193 205	#BDC1CD

#182950 #334264 #4F5B79 #6A758E #868EA3 #A1A7B8 #BDC1CD

#182950 - #BDC1CD

Mezcla HSV

#182950 - #BDC1CD | 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 #182950 como 0% y #BDC1CD como 100%.

0.0%	0.0% #182950	RGB 24 41 80	#182950
16.7%	16.7% #283A64	RGB 40 58 100	#283A64
33.3%	33.3% #3D4E79	RGB 61 78 121	#3D4E79
50.0%	50.0% #57668E	RGB 87 102 142	#57668E
66.7%	66.7% #7481A3	RGB 116 129 163	#7481A3
83.3%	83.3% #969FB8	RGB 150 159 184	#969FB8
100.0%	100.0% #BDC1CD	RGB 189 193 205	#BDC1CD

#182950 #283A64 #3D4E79 #57668E #7481A3 #969FB8 #BDC1CD

#182950 - #57668E - #BDC1CD

Códigos CSS

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

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