#665D8F - #D3D0DF | 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 #665D8F a #D3D0DF

#665D8F #D3D0DF

Calcule el color entre dos colores, #665D8F y #D3D0DF. 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)

#665D8F - #D3D0DF | 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 #665D8F como 0% y #D3D0DF como 100%.

0.0%	0.0% #665D8F	RGB 102 93 143	#665D8F
16.7%	16.7% #78709C	RGB 120 112 156	#78709C
33.3%	33.3% #8A83A9	RGB 138 131 169	#8A83A9
50.0%	50.0% #9C96B7	RGB 156 150 183	#9C96B7
66.7%	66.7% #AEA9C4	RGB 174 169 196	#AEA9C4
83.3%	83.3% #C0BCD1	RGB 192 188 209	#C0BCD1
100.0%	100.0% #D3D0DF	RGB 211 208 223	#D3D0DF

#665D8F #78709C #8A83A9 #9C96B7 #AEA9C4 #C0BCD1 #D3D0DF

#665D8F - #D3D0DF

Mezcla HSV

#665D8F - #D3D0DF | 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 #665D8F como 0% y #D3D0DF como 100%.

0.0%	0.0% #665D8F	RGB 102 93 143	#665D8F
16.7%	16.7% #756D9C	RGB 117 109 156	#756D9C
33.3%	33.3% #867EA9	RGB 134 126 169	#867EA9
50.0%	50.0% #9890B7	RGB 152 144 183	#9890B7
66.7%	66.7% #AAA4C4	RGB 170 164 196	#AAA4C4
83.3%	83.3% #BEB9D1	RGB 190 185 209	#BEB9D1
100.0%	100.0% #D3D0DF	RGB 211 208 223	#D3D0DF

#665D8F #756D9C #867EA9 #9890B7 #AAA4C4 #BEB9D1 #D3D0DF

#665D8F - #9890B7 - #D3D0DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #665D8F 0%, #9890B7 50%, #D3D0DF 100%);
    background: -webkit-linear-gradient(top, #665D8F 0%, #9890B7 50%, #D3D0DF 100%);
    background: linear-gradient(to bottom, #665D8F 0%, #9890B7 50%, #D3D0DF 100%);
}
</style>