#303044 - #C3C3C9 | 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 #303044 a #C3C3C9

#303044 #C3C3C9

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

#303044 - #C3C3C9 | 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 #303044 como 0% y #C3C3C9 como 100%.

0.0%	0.0% #303044	RGB 48 48 68	#303044
16.7%	16.7% #48485A	RGB 72 72 90	#48485A
33.3%	33.3% #616170	RGB 97 97 112	#616170
50.0%	50.0% #797986	RGB 121 121 134	#797986
66.7%	66.7% #92929C	RGB 146 146 156	#92929C
83.3%	83.3% #AAAAB2	RGB 170 170 178	#AAAAB2
100.0%	100.0% #C3C3C9	RGB 195 195 201	#C3C3C9

#303044 #48485A #616170 #797986 #92929C #AAAAB2 #C3C3C9

#303044 - #C3C3C9

Mezcla HSV

#303044 - #C3C3C9 | 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 #303044 como 0% y #C3C3C9 como 100%.

0.0%	0.0% #303044	RGB 48 48 68	#303044
16.7%	16.7% #43435A	RGB 67 67 90	#43435A
33.3%	33.3% #595970	RGB 89 89 112	#595970
50.0%	50.0% #707086	RGB 112 112 134	#707086
66.7%	66.7% #8A8A9C	RGB 138 138 156	#8A8A9C
83.3%	83.3% #A5A5B2	RGB 165 165 178	#A5A5B2
100.0%	100.0% #C3C3C9	RGB 195 195 201	#C3C3C9

#303044 #43435A #595970 #707086 #8A8A9C #A5A5B2 #C3C3C9

#303044 - #707086 - #C3C3C9

Códigos CSS

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

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