#BCC1C8 - #CFE2FF | 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 #BCC1C8 a #CFE2FF

#BCC1C8 #CFE2FF

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

#BCC1C8 - #CFE2FF | 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 #BCC1C8 como 0% y #CFE2FF como 100%.

0.0%	0.0% #BCC1C8	RGB 188 193 200	#BCC1C8
16.7%	16.7% #BFC6D1	RGB 191 198 209	#BFC6D1
33.3%	33.3% #C2CCDA	RGB 194 204 218	#C2CCDA
50.0%	50.0% #C5D1E3	RGB 197 209 227	#C5D1E3
66.7%	66.7% #C8D7EC	RGB 200 215 236	#C8D7EC
83.3%	83.3% #CBDCF5	RGB 203 220 245	#CBDCF5
100.0%	100.0% #CFE2FF	RGB 207 226 255	#CFE2FF

#BCC1C8 #BFC6D1 #C2CCDA #C5D1E3 #C8D7EC #CBDCF5 #CFE2FF

#BCC1C8 - #CFE2FF

Mezcla HSV

#BCC1C8 - #CFE2FF | 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 #BCC1C8 como 0% y #CFE2FF como 100%.

0.0%	0.0% #BCC1C8	RGB 188 193 200	#BCC1C8
16.7%	16.7% #C0C7D1	RGB 192 199 209	#C0C7D1
33.3%	33.3% #C3CDDA	RGB 195 205 218	#C3CDDA
50.0%	50.0% #C7D2E3	RGB 199 210 227	#C7D2E3
66.7%	66.7% #CAD8EC	RGB 202 216 236	#CAD8EC
83.3%	83.3% #CCDDF5	RGB 204 221 245	#CCDDF5
100.0%	100.0% #CFE2FF	RGB 207 226 255	#CFE2FF

#BCC1C8 #C0C7D1 #C3CDDA #C7D2E3 #CAD8EC #CCDDF5 #CFE2FF

#BCC1C8 - #C7D2E3 - #CFE2FF

Códigos CSS

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

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