#BC9F8B - #FB9DE2 | 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 #BC9F8B a #FB9DE2

#BC9F8B #FB9DE2

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

#BC9F8B - #FB9DE2 | 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 #BC9F8B como 0% y #FB9DE2 como 100%.

0.0%	0.0% #BC9F8B	RGB 188 159 139	#BC9F8B
16.7%	16.7% #C69E99	RGB 198 158 153	#C69E99
33.3%	33.3% #D19EA8	RGB 209 158 168	#D19EA8
50.0%	50.0% #DB9EB6	RGB 219 158 182	#DB9EB6
66.7%	66.7% #E69DC5	RGB 230 157 197	#E69DC5
83.3%	83.3% #F09DD3	RGB 240 157 211	#F09DD3
100.0%	100.0% #FB9DE2	RGB 251 157 226	#FB9DE2

#BC9F8B #C69E99 #D19EA8 #DB9EB6 #E69DC5 #F09DD3 #FB9DE2

#BC9F8B - #FB9DE2

Mezcla HSV

#BC9F8B - #FB9DE2 | 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 #BC9F8B como 0% y #FB9DE2 como 100%.

0.0%	0.0% #BC9F8B	RGB 188 159 139	#BC9F8B
16.7%	16.7% #C69B8E	RGB 198 155 142	#C69B8E
33.3%	33.3% #D19492	RGB 209 148 146	#D19492
50.0%	50.0% #DB95A1	RGB 219 149 161	#DB95A1
66.7%	66.7% #E698B3	RGB 230 152 179	#E698B3
83.3%	83.3% #F09AC9	RGB 240 154 201	#F09AC9
100.0%	100.0% #FB9DE2	RGB 251 157 226	#FB9DE2

#BC9F8B #C69B8E #D19492 #DB95A1 #E698B3 #F09AC9 #FB9DE2

#BC9F8B - #DB95A1 - #FB9DE2

Códigos CSS

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

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