#C0BABE - #FFEBD2 | 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 #C0BABE a #FFEBD2

#C0BABE #FFEBD2

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

#C0BABE - #FFEBD2 | 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 #C0BABE como 0% y #FFEBD2 como 100%.

0.0%	0.0% #C0BABE	RGB 192 186 190	#C0BABE
16.7%	16.7% #CAC2C1	RGB 202 194 193	#CAC2C1
33.3%	33.3% #D5CAC4	RGB 213 202 196	#D5CAC4
50.0%	50.0% #DFD2C8	RGB 223 210 200	#DFD2C8
66.7%	66.7% #EADACB	RGB 234 218 203	#EADACB
83.3%	83.3% #F4E2CE	RGB 244 226 206	#F4E2CE
100.0%	100.0% #FFEBD2	RGB 255 235 210	#FFEBD2

#C0BABE #CAC2C1 #D5CAC4 #DFD2C8 #EADACB #F4E2CE #FFEBD2

#C0BABE - #FFEBD2

Mezcla HSV

#C0BABE - #FFEBD2 | 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 #C0BABE como 0% y #FFEBD2 como 100%.

0.0%	0.0% #C0BABE	RGB 192 186 190	#C0BABE
16.7%	16.7% #CABFC4	RGB 202 191 196	#CABFC4
33.3%	33.3% #D5C4C8	RGB 213 196 200	#D5C4C8
50.0%	50.0% #DFC8C9	RGB 223 200 201	#DFC8C9
66.7%	66.7% #EAD0CC	RGB 234 208 204	#EAD0CC
83.3%	83.3% #F4DCCF	RGB 244 220 207	#F4DCCF
100.0%	100.0% #FFEBD2	RGB 255 235 210	#FFEBD2

#C0BABE #CABFC4 #D5C4C8 #DFC8C9 #EAD0CC #F4DCCF #FFEBD2

#C0BABE - #DFC8C9 - #FFEBD2

Códigos CSS

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

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