#65699C - #1D2D49 | 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 #65699C a #1D2D49

#65699C #1D2D49

Calcule el color entre dos colores, #65699C y #1D2D49. 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)

#65699C - #1D2D49 | 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 #65699C como 0% y #1D2D49 como 100%.

0.0%	0.0% #65699C	RGB 101 105 156	#65699C
16.7%	16.7% #595F8E	RGB 89 95 142	#595F8E
33.3%	33.3% #4D5580	RGB 77 85 128	#4D5580
50.0%	50.0% #414B72	RGB 65 75 114	#414B72
66.7%	66.7% #354164	RGB 53 65 100	#354164
83.3%	83.3% #293756	RGB 41 55 86	#293756
100.0%	100.0% #1D2D49	RGB 29 45 73	#1D2D49

#65699C #595F8E #4D5580 #414B72 #354164 #293756 #1D2D49

#65699C - #1D2D49

Mezcla HSV

#65699C - #1D2D49 | 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 #65699C como 0% y #1D2D49 como 100%.

0.0%	0.0% #65699C	RGB 101 105 156	#65699C
16.7%	16.7% #565C8E	RGB 86 92 142	#565C8E
33.3%	33.3% #485180	RGB 72 81 128	#485180
50.0%	50.0% #3B4772	RGB 59 71 114	#3B4772
66.7%	66.7% #303E64	RGB 48 62 100	#303E64
83.3%	83.3% #263556	RGB 38 53 86	#263556
100.0%	100.0% #1D2D49	RGB 29 45 73	#1D2D49

#65699C #565C8E #485180 #3B4772 #303E64 #263556 #1D2D49

#65699C - #3B4772 - #1D2D49

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65699C 0%, #3B4772 50%, #1D2D49 100%);
    background: -webkit-linear-gradient(top, #65699C 0%, #3B4772 50%, #1D2D49 100%);
    background: linear-gradient(to bottom, #65699C 0%, #3B4772 50%, #1D2D49 100%);
}
</style>