#243250 - #6A7484 | 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 #243250 a #6A7484

#243250 #6A7484

Calcule el color entre dos colores, #243250 y #6A7484. 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)

#243250 - #6A7484 | 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 #243250 como 0% y #6A7484 como 100%.

0.0%	0.0% #243250	RGB 36 50 80	#243250
16.7%	16.7% #2F3D58	RGB 47 61 88	#2F3D58
33.3%	33.3% #3B4861	RGB 59 72 97	#3B4861
50.0%	50.0% #47536A	RGB 71 83 106	#47536A
66.7%	66.7% #525E72	RGB 82 94 114	#525E72
83.3%	83.3% #5E697B	RGB 94 105 123	#5E697B
100.0%	100.0% #6A7484	RGB 106 116 132	#6A7484

#243250 #2F3D58 #3B4861 #47536A #525E72 #5E697B #6A7484

#243250 - #6A7484

Mezcla HSV

#243250 - #6A7484 | 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 #243250 como 0% y #6A7484 como 100%.

0.0%	0.0% #243150	RGB 36 49 80	#243150
16.7%	16.7% #2D3B58	RGB 45 59 88	#2D3B58
33.3%	33.3% #374561	RGB 55 69 97	#374561
50.0%	50.0% #42506A	RGB 66 80 106	#42506A
66.7%	66.7% #4E5B72	RGB 78 91 114	#4E5B72
83.3%	83.3% #5B677B	RGB 91 103 123	#5B677B
100.0%	100.0% #6A7484	RGB 106 116 132	#6A7484

#243150 #2D3B58 #374561 #42506A #4E5B72 #5B677B #6A7484

#243250 - #42506A - #6A7484

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #243150 0%, #42506A 50%, #6A7484 100%);
    background: -webkit-linear-gradient(top, #243150 0%, #42506A 50%, #6A7484 100%);
    background: linear-gradient(to bottom, #243150 0%, #42506A 50%, #6A7484 100%);
}
</style>