#C0ABC6 - #FFF1C2 | 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 #C0ABC6 a #FFF1C2

#C0ABC6 #FFF1C2

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

#C0ABC6 - #FFF1C2 | 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 #C0ABC6 como 0% y #FFF1C2 como 100%.

0.0%	0.0% #C0ABC6	RGB 192 171 198	#C0ABC6
16.7%	16.7% #CAB6C5	RGB 202 182 197	#CAB6C5
33.3%	33.3% #D5C2C4	RGB 213 194 196	#D5C2C4
50.0%	50.0% #DFCEC4	RGB 223 206 196	#DFCEC4
66.7%	66.7% #EAD9C3	RGB 234 217 195	#EAD9C3
83.3%	83.3% #F4E5C2	RGB 244 229 194	#F4E5C2
100.0%	100.0% #FFF1C2	RGB 255 241 194	#FFF1C2

#C0ABC6 #CAB6C5 #D5C2C4 #DFCEC4 #EAD9C3 #F4E5C2 #FFF1C2

#C0ABC6 - #FFF1C2

Mezcla HSV

#C0ABC6 - #FFF1C2 | 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 #C0ABC6 como 0% y #FFF1C2 como 100%.

0.0%	0.0% #C0ABC6	RGB 192 171 198	#C0ABC6
16.7%	16.7% #CFAFCB	RGB 207 175 203	#CFAFCB
33.3%	33.3% #D9B3C8	RGB 217 179 200	#D9B3C8
50.0%	50.0% #E2B7C1	RGB 226 183 193	#E2B7C1
66.7%	66.7% #ECC0BB	RGB 236 192 187	#ECC0BB
83.3%	83.3% #F5D6BE	RGB 245 214 190	#F5D6BE
100.0%	100.0% #FFF1C2	RGB 255 241 194	#FFF1C2

#C0ABC6 #CFAFCB #D9B3C8 #E2B7C1 #ECC0BB #F5D6BE #FFF1C2

#C0ABC6 - #E2B7C1 - #FFF1C2

Códigos CSS

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

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