#9F234B - #E3C0CB | 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 #9F234B a #E3C0CB

#9F234B #E3C0CB

Calcule el color entre dos colores, #9F234B y #E3C0CB. 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)

#9F234B - #E3C0CB | 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 #9F234B como 0% y #E3C0CB como 100%.

0.0%	0.0% #9F234B	RGB 159 35 75	#9F234B
16.7%	16.7% #AA3D60	RGB 170 61 96	#AA3D60
33.3%	33.3% #B55775	RGB 181 87 117	#B55775
50.0%	50.0% #C1718B	RGB 193 113 139	#C1718B
66.7%	66.7% #CC8BA0	RGB 204 139 160	#CC8BA0
83.3%	83.3% #D7A5B5	RGB 215 165 181	#D7A5B5
100.0%	100.0% #E3C0CB	RGB 227 192 203	#E3C0CB

#9F234B #AA3D60 #B55775 #C1718B #CC8BA0 #D7A5B5 #E3C0CB

#9F234B - #E3C0CB

Mezcla HSV

#9F234B - #E3C0CB | 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 #9F234B como 0% y #E3C0CB como 100%.

0.0%	0.0% #9F234B	RGB 159 35 75	#9F234B
16.7%	16.7% #AA375C	RGB 170 55 92	#AA375C
33.3%	33.3% #B54D6F	RGB 181 77 111	#B54D6F
50.0%	50.0% #C16683	RGB 193 102 131	#C16683
66.7%	66.7% #CC8299	RGB 204 130 153	#CC8299
83.3%	83.3% #D79FB1	RGB 215 159 177	#D79FB1
100.0%	100.0% #E3C0CB	RGB 227 192 203	#E3C0CB

#9F234B #AA375C #B54D6F #C16683 #CC8299 #D79FB1 #E3C0CB

#9F234B - #C16683 - #E3C0CB

Códigos CSS

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

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