#BC74C2 - #FFC5C2 | 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 #BC74C2 a #FFC5C2

#BC74C2 #FFC5C2

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

#BC74C2 - #FFC5C2 | 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 #BC74C2 como 0% y #FFC5C2 como 100%.

0.0%	0.0% #BC74C2	RGB 188 116 194	#BC74C2
16.7%	16.7% #C781C2	RGB 199 129 194	#C781C2
33.3%	33.3% #D28FC2	RGB 210 143 194	#D28FC2
50.0%	50.0% #DD9CC2	RGB 221 156 194	#DD9CC2
66.7%	66.7% #E8AAC2	RGB 232 170 194	#E8AAC2
83.3%	83.3% #F3B7C2	RGB 243 183 194	#F3B7C2
100.0%	100.0% #FFC5C2	RGB 255 197 194	#FFC5C2

#BC74C2 #C781C2 #D28FC2 #DD9CC2 #E8AAC2 #F3B7C2 #FFC5C2

#BC74C2 - #FFC5C2

Mezcla HSV

#BC74C2 - #FFC5C2 | 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 #BC74C2 como 0% y #FFC5C2 como 100%.

0.0%	0.0% #BB74C2	RGB 187 116 194	#BB74C2
16.7%	16.7% #CC7FC3	RGB 204 127 195	#CC7FC3
33.3%	33.3% #D68BC0	RGB 214 139 192	#D68BC0
50.0%	50.0% #E098BD	RGB 224 152 189	#E098BD
66.7%	66.7% #EAA5BC	RGB 234 165 188	#EAA5BC
83.3%	83.3% #F4B3BC	RGB 244 179 188	#F4B3BC
100.0%	100.0% #FFC5C2	RGB 255 197 194	#FFC5C2

#BB74C2 #CC7FC3 #D68BC0 #E098BD #EAA5BC #F4B3BC #FFC5C2

#BC74C2 - #E098BD - #FFC5C2

Códigos CSS

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

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