#9B9ECC - #CECFD0 | 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 #9B9ECC a #CECFD0

#9B9ECC #CECFD0

Calcule el color entre dos colores, #9B9ECC y #CECFD0. 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)

#9B9ECC - #CECFD0 | 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 #9B9ECC como 0% y #CECFD0 como 100%.

0.0%	0.0% #9B9ECC	RGB 155 158 204	#9B9ECC
16.7%	16.7% #A3A6CC	RGB 163 166 204	#A3A6CC
33.3%	33.3% #ACAECD	RGB 172 174 205	#ACAECD
50.0%	50.0% #B4B6CE	RGB 180 182 206	#B4B6CE
66.7%	66.7% #BDBECE	RGB 189 190 206	#BDBECE
83.3%	83.3% #C5C6CF	RGB 197 198 207	#C5C6CF
100.0%	100.0% #CECFD0	RGB 206 207 208	#CECFD0

#9B9ECC #A3A6CC #ACAECD #B4B6CE #BDBECE #C5C6CF #CECFD0

#9B9ECC - #CECFD0

Mezcla HSV

#9B9ECC - #CECFD0 | 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 #9B9ECC como 0% y #CECFD0 como 100%.

0.0%	0.0% #9B9DCC	RGB 155 157 204	#9B9DCC
16.7%	16.7% #A3A8CC	RGB 163 168 204	#A3A8CC
33.3%	33.3% #ABB2CD	RGB 171 178 205	#ABB2CD
50.0%	50.0% #B4BBCE	RGB 180 187 206	#B4BBCE
66.7%	66.7% #BCC3CE	RGB 188 195 206	#BCC3CE
83.3%	83.3% #C5C9CF	RGB 197 201 207	#C5C9CF
100.0%	100.0% #CECFD0	RGB 206 207 208	#CECFD0

#9B9DCC #A3A8CC #ABB2CD #B4BBCE #BCC3CE #C5C9CF #CECFD0

#9B9ECC - #B4BBCE - #CECFD0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B9DCC 0%, #B4BBCE 50%, #CECFD0 100%);
    background: -webkit-linear-gradient(top, #9B9DCC 0%, #B4BBCE 50%, #CECFD0 100%);
    background: linear-gradient(to bottom, #9B9DCC 0%, #B4BBCE 50%, #CECFD0 100%);
}
</style>