#2B2D50 - #C2C3CD | 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 #2B2D50 a #C2C3CD

#2B2D50 #C2C3CD

Calcule el color entre dos colores, #2B2D50 y #C2C3CD. 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)

#2B2D50 - #C2C3CD | 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 #2B2D50 como 0% y #C2C3CD como 100%.

0.0%	0.0% #2B2D50	RGB 43 45 80	#2B2D50
16.7%	16.7% #444664	RGB 68 70 100	#444664
33.3%	33.3% #5D5F79	RGB 93 95 121	#5D5F79
50.0%	50.0% #76788E	RGB 118 120 142	#76788E
66.7%	66.7% #8F91A3	RGB 143 145 163	#8F91A3
83.3%	83.3% #A8AAB8	RGB 168 170 184	#A8AAB8
100.0%	100.0% #C2C3CD	RGB 194 195 205	#C2C3CD

#2B2D50 #444664 #5D5F79 #76788E #8F91A3 #A8AAB8 #C2C3CD

#2B2D50 - #C2C3CD

Mezcla HSV

#2B2D50 - #C2C3CD | 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 #2B2D50 como 0% y #C2C3CD como 100%.

0.0%	0.0% #2B2C50	RGB 43 44 80	#2B2C50
16.7%	16.7% #3D3F64	RGB 61 63 100	#3D3F64
33.3%	33.3% #515479	RGB 81 84 121	#515479
50.0%	50.0% #696C8E	RGB 105 108 142	#696C8E
66.7%	66.7% #8486A3	RGB 132 134 163	#8486A3
83.3%	83.3% #A1A3B8	RGB 161 163 184	#A1A3B8
100.0%	100.0% #C2C3CD	RGB 194 195 205	#C2C3CD

#2B2C50 #3D3F64 #515479 #696C8E #8486A3 #A1A3B8 #C2C3CD

#2B2D50 - #696C8E - #C2C3CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2C50 0%, #696C8E 50%, #C2C3CD 100%);
    background: -webkit-linear-gradient(top, #2B2C50 0%, #696C8E 50%, #C2C3CD 100%);
    background: linear-gradient(to bottom, #2B2C50 0%, #696C8E 50%, #C2C3CD 100%);
}
</style>