#133027 - #BBC3C0 | 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 #133027 a #BBC3C0

#133027 #BBC3C0

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

#133027 - #BBC3C0 | 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 #133027 como 0% y #BBC3C0 como 100%.

0.0%	0.0% #133027	RGB 19 48 39	#133027
16.7%	16.7% #2F4840	RGB 47 72 64	#2F4840
33.3%	33.3% #4B615A	RGB 75 97 90	#4B615A
50.0%	50.0% #677973	RGB 103 121 115	#677973
66.7%	66.7% #83928D	RGB 131 146 141	#83928D
83.3%	83.3% #9FAAA6	RGB 159 170 166	#9FAAA6
100.0%	100.0% #BBC3C0	RGB 187 195 192	#BBC3C0

#133027 #2F4840 #4B615A #677973 #83928D #9FAAA6 #BBC3C0

#133027 - #BBC3C0

Mezcla HSV

#133027 - #BBC3C0 | 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 #133027 como 0% y #BBC3C0 como 100%.

0.0%	0.0% #133027	RGB 19 48 39	#133027
16.7%	16.7% #23483C	RGB 35 72 60	#23483C
33.3%	33.3% #386153	RGB 56 97 83	#386153
50.0%	50.0% #52796C	RGB 82 121 108	#52796C
66.7%	66.7% #709286	RGB 112 146 134	#709286
83.3%	83.3% #93AAA2	RGB 147 170 162	#93AAA2
100.0%	100.0% #BBC3C0	RGB 187 195 192	#BBC3C0

#133027 #23483C #386153 #52796C #709286 #93AAA2 #BBC3C0

#133027 - #52796C - #BBC3C0

Códigos CSS

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

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