#D5E5E6 - #86A894 | 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 #D5E5E6 a #86A894

#D5E5E6 #86A894

Calcule el color entre dos colores, #D5E5E6 y #86A894. 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)

#D5E5E6 - #86A894 | 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 #D5E5E6 como 0% y #86A894 como 100%.

0.0%	0.0% #D5E5E6	RGB 213 229 230	#D5E5E6
16.7%	16.7% #C7DAD8	RGB 199 218 216	#C7DAD8
33.3%	33.3% #BAD0CA	RGB 186 208 202	#BAD0CA
50.0%	50.0% #ADC6BD	RGB 173 198 189	#ADC6BD
66.7%	66.7% #A0BCAF	RGB 160 188 175	#A0BCAF
83.3%	83.3% #93B2A1	RGB 147 178 161	#93B2A1
100.0%	100.0% #86A894	RGB 134 168 148	#86A894

#D5E5E6 #C7DAD8 #BAD0CA #ADC6BD #A0BCAF #93B2A1 #86A894

#D5E5E6 - #86A894

Mezcla HSV

#D5E5E6 - #86A894 | 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 #D5E5E6 como 0% y #86A894 como 100%.

0.0%	0.0% #D5E5E6	RGB 213 229 230	#D5E5E6
16.7%	16.7% #C6DBDA	RGB 198 219 218	#C6DBDA
33.3%	33.3% #B8D1CD	RGB 184 209 205	#B8D1CD
50.0%	50.0% #ABC7BF	RGB 171 199 191	#ABC7BF
66.7%	66.7% #9EBCB1	RGB 158 188 177	#9EBCB1
83.3%	83.3% #92B2A2	RGB 146 178 162	#92B2A2
100.0%	100.0% #86A894	RGB 134 168 148	#86A894

#D5E5E6 #C6DBDA #B8D1CD #ABC7BF #9EBCB1 #92B2A2 #86A894

#D5E5E6 - #ABC7BF - #86A894

Códigos CSS

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

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