#C0BAC6 - #FFD5FA | 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 #C0BAC6 a #FFD5FA

#C0BAC6 #FFD5FA

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

#C0BAC6 - #FFD5FA | 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 #C0BAC6 como 0% y #FFD5FA como 100%.

0.0%	0.0% #C0BAC6	RGB 192 186 198	#C0BAC6
16.7%	16.7% #CABECE	RGB 202 190 206	#CABECE
33.3%	33.3% #D5C3D7	RGB 213 195 215	#D5C3D7
50.0%	50.0% #DFC7E0	RGB 223 199 224	#DFC7E0
66.7%	66.7% #EACCE8	RGB 234 204 232	#EACCE8
83.3%	83.3% #F4D0F1	RGB 244 208 241	#F4D0F1
100.0%	100.0% #FFD5FA	RGB 255 213 250	#FFD5FA

#C0BAC6 #CABECE #D5C3D7 #DFC7E0 #EACCE8 #F4D0F1 #FFD5FA

#C0BAC6 - #FFD5FA

Mezcla HSV

#C0BAC6 - #FFD5FA | 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 #C0BAC6 como 0% y #FFD5FA como 100%.

0.0%	0.0% #C0BAC6	RGB 192 186 198	#C0BAC6
16.7%	16.7% #C9BFCF	RGB 201 191 207	#C9BFCF
33.3%	33.3% #D2C4D9	RGB 210 196 217	#D2C4D9
50.0%	50.0% #DDC8E2	RGB 221 200 226	#DDC8E2
66.7%	66.7% #E9CDEC	RGB 233 205 236	#E9CDEC
83.3%	83.3% #F5D1F4	RGB 245 209 244	#F5D1F4
100.0%	100.0% #FFD5FA	RGB 255 213 250	#FFD5FA

#C0BAC6 #C9BFCF #D2C4D9 #DDC8E2 #E9CDEC #F5D1F4 #FFD5FA

#C0BAC6 - #DDC8E2 - #FFD5FA

Códigos CSS

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

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