#133030 - #BBC3C3 | 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 #133030 a #BBC3C3

#133030 #BBC3C3

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

#133030 - #BBC3C3 | 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 #133030 como 0% y #BBC3C3 como 100%.

0.0%	0.0% #133030	RGB 19 48 48	#133030
16.7%	16.7% #2F4848	RGB 47 72 72	#2F4848
33.3%	33.3% #4B6161	RGB 75 97 97	#4B6161
50.0%	50.0% #677979	RGB 103 121 121	#677979
66.7%	66.7% #839292	RGB 131 146 146	#839292
83.3%	83.3% #9FAAAA	RGB 159 170 170	#9FAAAA
100.0%	100.0% #BBC3C3	RGB 187 195 195	#BBC3C3

#133030 #2F4848 #4B6161 #677979 #839292 #9FAAAA #BBC3C3

#133030 - #BBC3C3

Mezcla HSV

#133030 - #BBC3C3 | 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 #133030 como 0% y #BBC3C3 como 100%.

0.0%	0.0% #133030	RGB 19 48 48	#133030
16.7%	16.7% #234848	RGB 35 72 72	#234848
33.3%	33.3% #386161	RGB 56 97 97	#386161
50.0%	50.0% #527979	RGB 82 121 121	#527979
66.7%	66.7% #709292	RGB 112 146 146	#709292
83.3%	83.3% #93AAAA	RGB 147 170 170	#93AAAA
100.0%	100.0% #BBC3C3	RGB 187 195 195	#BBC3C3

#133030 #234848 #386161 #527979 #709292 #93AAAA #BBC3C3

#133030 - #527979 - #BBC3C3

Códigos CSS

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

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