#BCC8BD - #CFFFD4 | 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 #BCC8BD a #CFFFD4

#BCC8BD #CFFFD4

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

#BCC8BD - #CFFFD4 | 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 #BCC8BD como 0% y #CFFFD4 como 100%.

0.0%	0.0% #BCC8BD	RGB 188 200 189	#BCC8BD
16.7%	16.7% #BFD1C0	RGB 191 209 192	#BFD1C0
33.3%	33.3% #C2DAC4	RGB 194 218 196	#C2DAC4
50.0%	50.0% #C5E3C8	RGB 197 227 200	#C5E3C8
66.7%	66.7% #C8ECCC	RGB 200 236 204	#C8ECCC
83.3%	83.3% #CBF5D0	RGB 203 245 208	#CBF5D0
100.0%	100.0% #CFFFD4	RGB 207 255 212	#CFFFD4

#BCC8BD #BFD1C0 #C2DAC4 #C5E3C8 #C8ECCC #CBF5D0 #CFFFD4

#BCC8BD - #CFFFD4

Mezcla HSV

#BCC8BD - #CFFFD4 | 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 #BCC8BD como 0% y #CFFFD4 como 100%.

0.0%	0.0% #BCC8BD	RGB 188 200 189	#BCC8BD
16.7%	16.7% #C0D1C1	RGB 192 209 193	#C0D1C1
33.3%	33.3% #C3DAC5	RGB 195 218 197	#C3DAC5
50.0%	50.0% #C7E3C9	RGB 199 227 201	#C7E3C9
66.7%	66.7% #CAECCD	RGB 202 236 205	#CAECCD
83.3%	83.3% #CCF5D0	RGB 204 245 208	#CCF5D0
100.0%	100.0% #CFFFD4	RGB 207 255 212	#CFFFD4

#BCC8BD #C0D1C1 #C3DAC5 #C7E3C9 #CAECCD #CCF5D0 #CFFFD4

#BCC8BD - #C7E3C9 - #CFFFD4

Códigos CSS

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

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