#252A64 - #C0C2D2 | 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 #252A64 a #C0C2D2

#252A64 #C0C2D2

Calcule el color entre dos colores, #252A64 y #C0C2D2. 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)

#252A64 - #C0C2D2 | 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 #252A64 como 0% y #C0C2D2 como 100%.

0.0%	0.0% #252A64	RGB 37 42 100	#252A64
16.7%	16.7% #3E4376	RGB 62 67 118	#3E4376
33.3%	33.3% #585C88	RGB 88 92 136	#585C88
50.0%	50.0% #72769B	RGB 114 118 155	#72769B
66.7%	66.7% #8C8FAD	RGB 140 143 173	#8C8FAD
83.3%	83.3% #A6A8BF	RGB 166 168 191	#A6A8BF
100.0%	100.0% #C0C2D2	RGB 192 194 210	#C0C2D2

#252A64 #3E4376 #585C88 #72769B #8C8FAD #A6A8BF #C0C2D2

#252A64 - #C0C2D2

Mezcla HSV

#252A64 - #C0C2D2 | 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 #252A64 como 0% y #C0C2D2 como 100%.

0.0%	0.0% #252A64	RGB 37 42 100	#252A64
16.7%	16.7% #363B76	RGB 54 59 118	#363B76
33.3%	33.3% #4B5088	RGB 75 80 136	#4B5088
50.0%	50.0% #63689B	RGB 99 104 155	#63689B
66.7%	66.7% #7F83AD	RGB 127 131 173	#7F83AD
83.3%	83.3% #9DA1BF	RGB 157 161 191	#9DA1BF
100.0%	100.0% #C0C2D2	RGB 192 194 210	#C0C2D2

#252A64 #363B76 #4B5088 #63689B #7F83AD #9DA1BF #C0C2D2

#252A64 - #63689B - #C0C2D2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252A64 0%, #63689B 50%, #C0C2D2 100%);
    background: -webkit-linear-gradient(top, #252A64 0%, #63689B 50%, #C0C2D2 100%);
    background: linear-gradient(to bottom, #252A64 0%, #63689B 50%, #C0C2D2 100%);
}
</style>