#BCBDBD - #D5E7FF | 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 #BCBDBD a #D5E7FF

#BCBDBD #D5E7FF

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

#BCBDBD - #D5E7FF | 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 #BCBDBD como 0% y #D5E7FF como 100%.

0.0%	0.0% #BCBDBD	RGB 188 189 189	#BCBDBD
16.7%	16.7% #C0C4C8	RGB 192 196 200	#C0C4C8
33.3%	33.3% #C4CBD3	RGB 196 203 211	#C4CBD3
50.0%	50.0% #C8D2DE	RGB 200 210 222	#C8D2DE
66.7%	66.7% #CCD9E9	RGB 204 217 233	#CCD9E9
83.3%	83.3% #D0E0F4	RGB 208 224 244	#D0E0F4
100.0%	100.0% #D5E7FF	RGB 213 231 255	#D5E7FF

#BCBDBD #C0C4C8 #C4CBD3 #C8D2DE #CCD9E9 #D0E0F4 #D5E7FF

#BCBDBD - #D5E7FF

Mezcla HSV

#BCBDBD - #D5E7FF | 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 #BCBDBD como 0% y #D5E7FF como 100%.

0.0%	0.0% #BCBDBD	RGB 188 189 189	#BCBDBD
16.7%	16.7% #C1C7C8	RGB 193 199 200	#C1C7C8
33.3%	33.3% #C6D0D3	RGB 198 208 211	#C6D0D3
50.0%	50.0% #CBD8DE	RGB 203 216 222	#CBD8DE
66.7%	66.7% #CFDFE9	RGB 207 223 233	#CFDFE9
83.3%	83.3% #D2E3F4	RGB 210 227 244	#D2E3F4
100.0%	100.0% #D5E7FF	RGB 213 231 255	#D5E7FF

#BCBDBD #C1C7C8 #C6D0D3 #CBD8DE #CFDFE9 #D2E3F4 #D5E7FF

#BCBDBD - #CBD8DE - #D5E7FF

Códigos CSS

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

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