#8AB9CB - #E4DDD1 | 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 #8AB9CB a #E4DDD1

#8AB9CB #E4DDD1

Calcule el color entre dos colores, #8AB9CB y #E4DDD1. 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)

#8AB9CB - #E4DDD1 | 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 #8AB9CB como 0% y #E4DDD1 como 100%.

0.0%	0.0% #8AB9CB	RGB 138 185 203	#8AB9CB
16.7%	16.7% #99BFCC	RGB 153 191 204	#99BFCC
33.3%	33.3% #A8C5CD	RGB 168 197 205	#A8C5CD
50.0%	50.0% #B7CBCE	RGB 183 203 206	#B7CBCE
66.7%	66.7% #C6D1CF	RGB 198 209 207	#C6D1CF
83.3%	83.3% #D5D7D0	RGB 213 215 208	#D5D7D0
100.0%	100.0% #E4DDD1	RGB 228 221 209	#E4DDD1

#8AB9CB #99BFCC #A8C5CD #B7CBCE #C6D1CF #D5D7D0 #E4DDD1

#8AB9CB - #E4DDD1

Mezcla HSV

#8AB9CB - #E4DDD1 | 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 #8AB9CB como 0% y #E4DDD1 como 100%.

0.0%	0.0% #8AB8CB	RGB 138 184 203	#8AB8CB
16.7%	16.7% #95CFC5	RGB 149 207 197	#95CFC5
33.3%	33.3% #A0D3B4	RGB 160 211 180	#A0D3B4
50.0%	50.0% #AED7AC	RGB 174 215 172	#AED7AC
66.7%	66.7% #C9DBB8	RGB 201 219 184	#C9DBB8
83.3%	83.3% #DDDFC4	RGB 221 223 196	#DDDFC4
100.0%	100.0% #E4DDD1	RGB 228 221 209	#E4DDD1

#8AB8CB #95CFC5 #A0D3B4 #AED7AC #C9DBB8 #DDDFC4 #E4DDD1

#8AB9CB - #AED7AC - #E4DDD1

Códigos CSS

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

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