#BC2F2F - #DEB1ED | 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 #BC2F2F a #DEB1ED

#BC2F2F #DEB1ED

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

#BC2F2F - #DEB1ED | 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 #BC2F2F como 0% y #DEB1ED como 100%.

0.0%	0.0% #BC2F2F	RGB 188 47 47	#BC2F2F
16.7%	16.7% #C1444E	RGB 193 68 78	#C1444E
33.3%	33.3% #C75A6E	RGB 199 90 110	#C75A6E
50.0%	50.0% #CD708E	RGB 205 112 142	#CD708E
66.7%	66.7% #D285AD	RGB 210 133 173	#D285AD
83.3%	83.3% #D89BCD	RGB 216 155 205	#D89BCD
100.0%	100.0% #DEB1ED	RGB 222 177 237	#DEB1ED

#BC2F2F #C1444E #C75A6E #CD708E #D285AD #D89BCD #DEB1ED

#BC2F2F - #DEB1ED

Mezcla HSV

#BC2F2F - #DEB1ED | 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 #BC2F2F como 0% y #DEB1ED como 100%.

0.0%	0.0% #BC2F2F	RGB 188 47 47	#BC2F2F
16.7%	16.7% #C4415C	RGB 196 65 92	#C4415C
33.3%	33.3% #CC5486	RGB 204 84 134	#CC5486
50.0%	50.0% #D469AC	RGB 212 105 172	#D469AC
66.7%	66.7% #DC80CD	RGB 220 128 205	#DC80CD
83.3%	83.3% #E197E4	RGB 225 151 228	#E197E4
100.0%	100.0% #DEB1ED	RGB 222 177 237	#DEB1ED

#BC2F2F #C4415C #CC5486 #D469AC #DC80CD #E197E4 #DEB1ED

#BC2F2F - #D469AC - #DEB1ED

Códigos CSS

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

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