#C7B2CC - #EFE9F0 | 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 #C7B2CC a #EFE9F0

#C7B2CC #EFE9F0

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

#C7B2CC - #EFE9F0 | 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 #C7B2CC como 0% y #EFE9F0 como 100%.

0.0%	0.0% #C7B2CC	RGB 199 178 204	#C7B2CC
16.7%	16.7% #CDBBD2	RGB 205 187 210	#CDBBD2
33.3%	33.3% #D4C4D8	RGB 212 196 216	#D4C4D8
50.0%	50.0% #DBCDDE	RGB 219 205 222	#DBCDDE
66.7%	66.7% #E1D6E4	RGB 225 214 228	#E1D6E4
83.3%	83.3% #E8DFEA	RGB 232 223 234	#E8DFEA
100.0%	100.0% #EFE9F0	RGB 239 233 240	#EFE9F0

#C7B2CC #CDBBD2 #D4C4D8 #DBCDDE #E1D6E4 #E8DFEA #EFE9F0

#C7B2CC - #EFE9F0

Mezcla HSV

#C7B2CC - #EFE9F0 | 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 #C7B2CC como 0% y #EFE9F0 como 100%.

0.0%	0.0% #C7B2CC	RGB 199 178 204	#C7B2CC
16.7%	16.7% #CDBAD2	RGB 205 186 210	#CDBAD2
33.3%	33.3% #D4C3D8	RGB 212 195 216	#D4C3D8
50.0%	50.0% #DBCCDE	RGB 219 204 222	#DBCCDE
66.7%	66.7% #E1D5E4	RGB 225 213 228	#E1D5E4
83.3%	83.3% #E8DFEA	RGB 232 223 234	#E8DFEA
100.0%	100.0% #EFE9F0	RGB 239 233 240	#EFE9F0

#C7B2CC #CDBAD2 #D4C3D8 #DBCCDE #E1D5E4 #E8DFEA #EFE9F0

#C7B2CC - #DBCCDE - #EFE9F0

Códigos CSS

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

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