#65678F - #D3D3DF | 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 #65678F a #D3D3DF

#65678F #D3D3DF

Calcule el color entre dos colores, #65678F y #D3D3DF. 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)

#65678F - #D3D3DF | 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 #65678F como 0% y #D3D3DF como 100%.

0.0%	0.0% #65678F	RGB 101 103 143	#65678F
16.7%	16.7% #77799C	RGB 119 121 156	#77799C
33.3%	33.3% #898BA9	RGB 137 139 169	#898BA9
50.0%	50.0% #9C9DB7	RGB 156 157 183	#9C9DB7
66.7%	66.7% #AEAFC4	RGB 174 175 196	#AEAFC4
83.3%	83.3% #C0C1D1	RGB 192 193 209	#C0C1D1
100.0%	100.0% #D3D3DF	RGB 211 211 223	#D3D3DF

#65678F #77799C #898BA9 #9C9DB7 #AEAFC4 #C0C1D1 #D3D3DF

#65678F - #D3D3DF

Mezcla HSV

#65678F - #D3D3DF | 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 #65678F como 0% y #D3D3DF como 100%.

0.0%	0.0% #65678F	RGB 101 103 143	#65678F
16.7%	16.7% #74769C	RGB 116 118 156	#74769C
33.3%	33.3% #8586A9	RGB 133 134 169	#8586A9
50.0%	50.0% #9797B7	RGB 151 151 183	#9797B7
66.7%	66.7% #AAAAC4	RGB 170 170 196	#AAAAC4
83.3%	83.3% #BEBED1	RGB 190 190 209	#BEBED1
100.0%	100.0% #D3D3DF	RGB 211 211 223	#D3D3DF

#65678F #74769C #8586A9 #9797B7 #AAAAC4 #BEBED1 #D3D3DF

#65678F - #9797B7 - #D3D3DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65678F 0%, #9797B7 50%, #D3D3DF 100%);
    background: -webkit-linear-gradient(top, #65678F 0%, #9797B7 50%, #D3D3DF 100%);
    background: linear-gradient(to bottom, #65678F 0%, #9797B7 50%, #D3D3DF 100%);
}
</style>