#FFBFD6 - #DA5E8D | 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 #FFBFD6 a #DA5E8D

#FFBFD6 #DA5E8D

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

#FFBFD6 - #DA5E8D | 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 #FFBFD6 como 0% y #DA5E8D como 100%.

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F8AEC9	RGB 248 174 201	#F8AEC9
33.3%	33.3% #F29EBD	RGB 242 158 189	#F29EBD
50.0%	50.0% #EC8EB1	RGB 236 142 177	#EC8EB1
66.7%	66.7% #E67EA5	RGB 230 126 165	#E67EA5
83.3%	83.3% #E06E99	RGB 224 110 153	#E06E99
100.0%	100.0% #DA5E8D	RGB 218 94 141	#DA5E8D

#FFBFD6 #F8AEC9 #F29EBD #EC8EB1 #E67EA5 #E06E99 #DA5E8D

#FFBFD6 - #DA5E8D

Mezcla HSV

#FFBFD6 - #DA5E8D | 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 #FFBFD6 como 0% y #DA5E8D como 100%.

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F8ADC8	RGB 248 173 200	#F8ADC8
33.3%	33.3% #F29CBB	RGB 242 156 187	#F29CBB
50.0%	50.0% #EC8BAF	RGB 236 139 175	#EC8BAF
66.7%	66.7% #E67BA3	RGB 230 123 163	#E67BA3
83.3%	83.3% #E06C97	RGB 224 108 151	#E06C97
100.0%	100.0% #DA5E8D	RGB 218 94 141	#DA5E8D

#FFBFD6 #F8ADC8 #F29CBB #EC8BAF #E67BA3 #E06C97 #DA5E8D

#FFBFD6 - #EC8BAF - #DA5E8D

Códigos CSS

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

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