#696D9B - #D4D5E2 | 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 #696D9B a #D4D5E2

#696D9B #D4D5E2

Calcule el color entre dos colores, #696D9B y #D4D5E2. 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)

#696D9B - #D4D5E2 | 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 #696D9B como 0% y #D4D5E2 como 100%.

0.0%	0.0% #696D9B	RGB 105 109 155	#696D9B
16.7%	16.7% #7A7EA6	RGB 122 126 166	#7A7EA6
33.3%	33.3% #8C8FB2	RGB 140 143 178	#8C8FB2
50.0%	50.0% #9EA1BE	RGB 158 161 190	#9EA1BE
66.7%	66.7% #B0B2CA	RGB 176 178 202	#B0B2CA
83.3%	83.3% #C2C3D6	RGB 194 195 214	#C2C3D6
100.0%	100.0% #D4D5E2	RGB 212 213 226	#D4D5E2

#696D9B #7A7EA6 #8C8FB2 #9EA1BE #B0B2CA #C2C3D6 #D4D5E2

#696D9B - #D4D5E2

Mezcla HSV

#696D9B - #D4D5E2 | 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 #696D9B como 0% y #D4D5E2 como 100%.

0.0%	0.0% #696D9B	RGB 105 109 155	#696D9B
16.7%	16.7% #787BA6	RGB 120 123 166	#787BA6
33.3%	33.3% #888BB2	RGB 136 139 178	#888BB2
50.0%	50.0% #999CBE	RGB 153 156 190	#999CBE
66.7%	66.7% #ACAECA	RGB 172 174 202	#ACAECA
83.3%	83.3% #BFC1D6	RGB 191 193 214	#BFC1D6
100.0%	100.0% #D4D5E2	RGB 212 213 226	#D4D5E2

#696D9B #787BA6 #888BB2 #999CBE #ACAECA #BFC1D6 #D4D5E2

#696D9B - #999CBE - #D4D5E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696D9B 0%, #999CBE 50%, #D4D5E2 100%);
    background: -webkit-linear-gradient(top, #696D9B 0%, #999CBE 50%, #D4D5E2 100%);
    background: linear-gradient(to bottom, #696D9B 0%, #999CBE 50%, #D4D5E2 100%);
}
</style>