#636882 - #D2D3DB | 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 #636882 a #D2D3DB

#636882 #D2D3DB

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

#636882 - #D2D3DB | 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 #636882 como 0% y #D2D3DB como 100%.

0.0%	0.0% #636882	RGB 99 104 130	#636882
16.7%	16.7% #757990	RGB 117 121 144	#757990
33.3%	33.3% #888B9F	RGB 136 139 159	#888B9F
50.0%	50.0% #9A9DAE	RGB 154 157 174	#9A9DAE
66.7%	66.7% #ADAFBD	RGB 173 175 189	#ADAFBD
83.3%	83.3% #BFC1CC	RGB 191 193 204	#BFC1CC
100.0%	100.0% #D2D3DB	RGB 210 211 219	#D2D3DB

#636882 #757990 #888B9F #9A9DAE #ADAFBD #BFC1CC #D2D3DB

#636882 - #D2D3DB

Mezcla HSV

#636882 - #D2D3DB | 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 #636882 como 0% y #D2D3DB como 100%.

0.0%	0.0% #636882	RGB 99 104 130	#636882
16.7%	16.7% #737790	RGB 115 119 144	#737790
33.3%	33.3% #84889F	RGB 132 136 159	#84889F
50.0%	50.0% #9699AE	RGB 150 153 174	#9699AE
66.7%	66.7% #A9ABBD	RGB 169 171 189	#A9ABBD
83.3%	83.3% #BDBECC	RGB 189 190 204	#BDBECC
100.0%	100.0% #D2D3DB	RGB 210 211 219	#D2D3DB

#636882 #737790 #84889F #9699AE #A9ABBD #BDBECC #D2D3DB

#636882 - #9699AE - #D2D3DB

Códigos CSS

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

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