#102850 - #BBC1CD | 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 #102850 a #BBC1CD

#102850 #BBC1CD

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

#102850 - #BBC1CD | 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 #102850 como 0% y #BBC1CD como 100%.

0.0%	0.0% #102850	RGB 16 40 80	#102850
16.7%	16.7% #2C4164	RGB 44 65 100	#2C4164
33.3%	33.3% #495B79	RGB 73 91 121	#495B79
50.0%	50.0% #65748E	RGB 101 116 142	#65748E
66.7%	66.7% #828EA3	RGB 130 142 163	#828EA3
83.3%	83.3% #9EA7B8	RGB 158 167 184	#9EA7B8
100.0%	100.0% #BBC1CD	RGB 187 193 205	#BBC1CD

#102850 #2C4164 #495B79 #65748E #828EA3 #9EA7B8 #BBC1CD

#102850 - #BBC1CD

Mezcla HSV

#102850 - #BBC1CD | 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 #102850 como 0% y #BBC1CD como 100%.

0.0%	0.0% #0F2750	RGB 15 39 80	#0F2750
16.7%	16.7% #203964	RGB 32 57 100	#203964
33.3%	33.3% #354D79	RGB 53 77 121	#354D79
50.0%	50.0% #4F658E	RGB 79 101 142	#4F658E
66.7%	66.7% #6E80A3	RGB 110 128 163	#6E80A3
83.3%	83.3% #929FB8	RGB 146 159 184	#929FB8
100.0%	100.0% #BBC1CD	RGB 187 193 205	#BBC1CD

#0F2750 #203964 #354D79 #4F658E #6E80A3 #929FB8 #BBC1CD

#102850 - #4F658E - #BBC1CD

Códigos CSS

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

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