#B05480 - #E8CEDA | 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 #B05480 a #E8CEDA

#B05480 #E8CEDA

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

#B05480 - #E8CEDA | 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 #B05480 como 0% y #E8CEDA como 100%.

0.0%	0.0% #B05480	RGB 176 84 128	#B05480
16.7%	16.7% #B9688F	RGB 185 104 143	#B9688F
33.3%	33.3% #C27C9E	RGB 194 124 158	#C27C9E
50.0%	50.0% #CC91AD	RGB 204 145 173	#CC91AD
66.7%	66.7% #D5A5BC	RGB 213 165 188	#D5A5BC
83.3%	83.3% #DEB9CB	RGB 222 185 203	#DEB9CB
100.0%	100.0% #E8CEDA	RGB 232 206 218	#E8CEDA

#B05480 #B9688F #C27C9E #CC91AD #D5A5BC #DEB9CB #E8CEDA

#B05480 - #E8CEDA

Mezcla HSV

#B05480 - #E8CEDA | 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 #B05480 como 0% y #E8CEDA como 100%.

0.0%	0.0% #B0547F	RGB 176 84 127	#B0547F
16.7%	16.7% #B9658D	RGB 185 101 141	#B9658D
33.3%	33.3% #C2779B	RGB 194 119 155	#C2779B
50.0%	50.0% #CC8BA9	RGB 204 139 169	#CC8BA9
66.7%	66.7% #D5A0B9	RGB 213 160 185	#D5A0B9
83.3%	83.3% #DEB6C9	RGB 222 182 201	#DEB6C9
100.0%	100.0% #E8CEDA	RGB 232 206 218	#E8CEDA

#B0547F #B9658D #C2779B #CC8BA9 #D5A0B9 #DEB6C9 #E8CEDA

#B05480 - #CC8BA9 - #E8CEDA

Códigos CSS

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

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