#CCC3CE - #F0EDF1 | 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 #CCC3CE a #F0EDF1

#CCC3CE #F0EDF1

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

#CCC3CE - #F0EDF1 | 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 #CCC3CE como 0% y #F0EDF1 como 100%.

0.0%	0.0% #CCC3CE	RGB 204 195 206	#CCC3CE
16.7%	16.7% #D2CAD3	RGB 210 202 211	#D2CAD3
33.3%	33.3% #D8D1D9	RGB 216 209 217	#D8D1D9
50.0%	50.0% #DED8DF	RGB 222 216 223	#DED8DF
66.7%	66.7% #E4DFE5	RGB 228 223 229	#E4DFE5
83.3%	83.3% #EAE6EB	RGB 234 230 235	#EAE6EB
100.0%	100.0% #F0EDF1	RGB 240 237 241	#F0EDF1

#CCC3CE #D2CAD3 #D8D1D9 #DED8DF #E4DFE5 #EAE6EB #F0EDF1

#CCC3CE - #F0EDF1

Mezcla HSV

#CCC3CE - #F0EDF1 | 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 #CCC3CE como 0% y #F0EDF1 como 100%.

0.0%	0.0% #CCC3CE	RGB 204 195 206	#CCC3CE
16.7%	16.7% #D1C9D3	RGB 209 201 211	#D1C9D3
33.3%	33.3% #D7D0D9	RGB 215 208 217	#D7D0D9
50.0%	50.0% #DDD7DF	RGB 221 215 223	#DDD7DF
66.7%	66.7% #E3DEE5	RGB 227 222 229	#E3DEE5
83.3%	83.3% #E9E5EB	RGB 233 229 235	#E9E5EB
100.0%	100.0% #F0EDF1	RGB 240 237 241	#F0EDF1

#CCC3CE #D1C9D3 #D7D0D9 #DDD7DF #E3DEE5 #E9E5EB #F0EDF1

#CCC3CE - #DDD7DF - #F0EDF1

Códigos CSS

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

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