#C8C7CE - #FFECCC | 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 #C8C7CE a #FFECCC

#C8C7CE #FFECCC

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

#C8C7CE - #FFECCC | 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 #C8C7CE como 0% y #FFECCC como 100%.

0.0%	0.0% #C8C7CE	RGB 200 199 206	#C8C7CE
16.7%	16.7% #D1CDCD	RGB 209 205 205	#D1CDCD
33.3%	33.3% #DAD3CD	RGB 218 211 205	#DAD3CD
50.0%	50.0% #E3D9CD	RGB 227 217 205	#E3D9CD
66.7%	66.7% #ECDFCC	RGB 236 223 204	#ECDFCC
83.3%	83.3% #F5E5CC	RGB 245 229 204	#F5E5CC
100.0%	100.0% #FFECCC	RGB 255 236 204	#FFECCC

#C8C7CE #D1CDCD #DAD3CD #E3D9CD #ECDFCC #F5E5CC #FFECCC

#C8C7CE - #FFECCC

Mezcla HSV

#C8C7CE - #FFECCC | 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 #C8C7CE como 0% y #FFECCC como 100%.

0.0%	0.0% #C8C7CE	RGB 200 199 206	#C8C7CE
16.7%	16.7% #D0C8D6	RGB 208 200 214	#D0C8D6
33.3%	33.3% #DDCADE	RGB 221 202 222	#DDCADE
50.0%	50.0% #E6CBDC	RGB 230 203 220	#E6CBDC
66.7%	66.7% #EECCD3	RGB 238 204 211	#EECCD3
83.3%	83.3% #F6D5CC	RGB 246 213 204	#F6D5CC
100.0%	100.0% #FFECCC	RGB 255 236 204	#FFECCC

#C8C7CE #D0C8D6 #DDCADE #E6CBDC #EECCD3 #F6D5CC #FFECCC

#C8C7CE - #E6CBDC - #FFECCC

Códigos CSS

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

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