#C7B9C7 - #FFCDF9 | 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 #C7B9C7 a #FFCDF9

#C7B9C7 #FFCDF9

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

#C7B9C7 - #FFCDF9 | 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 #C7B9C7 como 0% y #FFCDF9 como 100%.

0.0%	0.0% #C7B9C7	RGB 199 185 199	#C7B9C7
16.7%	16.7% #D0BCCF	RGB 208 188 207	#D0BCCF
33.3%	33.3% #D9BFD7	RGB 217 191 215	#D9BFD7
50.0%	50.0% #E3C3E0	RGB 227 195 224	#E3C3E0
66.7%	66.7% #ECC6E8	RGB 236 198 232	#ECC6E8
83.3%	83.3% #F5C9F0	RGB 245 201 240	#F5C9F0
100.0%	100.0% #FFCDF9	RGB 255 205 249	#FFCDF9

#C7B9C7 #D0BCCF #D9BFD7 #E3C3E0 #ECC6E8 #F5C9F0 #FFCDF9

#C7B9C7 - #FFCDF9

Mezcla HSV

#C7B9C7 - #FFCDF9 | 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 #C7B9C7 como 0% y #FFCDF9 como 100%.

0.0%	0.0% #C7B9C7	RGB 199 185 199	#C7B9C7
16.7%	16.7% #D0BDCF	RGB 208 189 207	#D0BDCF
33.3%	33.3% #D9C1D8	RGB 217 193 216	#D9C1D8
50.0%	50.0% #E3C4E1	RGB 227 196 225	#E3C4E1
66.7%	66.7% #ECC7E9	RGB 236 199 233	#ECC7E9
83.3%	83.3% #F5CAF1	RGB 245 202 241	#F5CAF1
100.0%	100.0% #FFCDF9	RGB 255 205 249	#FFCDF9

#C7B9C7 #D0BDCF #D9C1D8 #E3C4E1 #ECC7E9 #F5CAF1 #FFCDF9

#C7B9C7 - #E3C4E1 - #FFCDF9

Códigos CSS

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

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