#81D5E8 - #ECE4DC | 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 #81D5E8 a #ECE4DC

#81D5E8 #ECE4DC

Calcule el color entre dos colores, #81D5E8 y #ECE4DC. 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)

#81D5E8 - #ECE4DC | 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 #81D5E8 como 0% y #ECE4DC como 100%.

0.0%	0.0% #81D5E8	RGB 129 213 232	#81D5E8
16.7%	16.7% #92D7E6	RGB 146 215 230	#92D7E6
33.3%	33.3% #A4DAE4	RGB 164 218 228	#A4DAE4
50.0%	50.0% #B6DCE2	RGB 182 220 226	#B6DCE2
66.7%	66.7% #C8DFE0	RGB 200 223 224	#C8DFE0
83.3%	83.3% #DAE1DE	RGB 218 225 222	#DAE1DE
100.0%	100.0% #ECE4DC	RGB 236 228 220	#ECE4DC

#81D5E8 #92D7E6 #A4DAE4 #B6DCE2 #C8DFE0 #DAE1DE #ECE4DC

#81D5E8 - #ECE4DC

Mezcla HSV

#81D5E8 - #ECE4DC | 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 #81D5E8 como 0% y #ECE4DC como 100%.

0.0%	0.0% #81D5E8	RGB 129 213 232	#81D5E8
16.7%	16.7% #8FE8D1	RGB 143 232 209	#8FE8D1
33.3%	33.3% #9EE9B4	RGB 158 233 180	#9EE9B4
50.0%	50.0% #B7EAAE	RGB 183 234 174	#B7EAAE
66.7%	66.7% #D8EABD	RGB 216 234 189	#D8EABD
83.3%	83.3% #EBE9CC	RGB 235 233 204	#EBE9CC
100.0%	100.0% #ECE4DC	RGB 236 228 220	#ECE4DC

#81D5E8 #8FE8D1 #9EE9B4 #B7EAAE #D8EABD #EBE9CC #ECE4DC

#81D5E8 - #B7EAAE - #ECE4DC

Códigos CSS

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

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