#BDD4D4 - #CAE3C7 | 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 #BDD4D4 a #CAE3C7

#BDD4D4 #CAE3C7

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

#BDD4D4 - #CAE3C7 | 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 #BDD4D4 como 0% y #CAE3C7 como 100%.

0.0%	0.0% #BDD4D4	RGB 189 212 212	#BDD4D4
16.7%	16.7% #BFD6D1	RGB 191 214 209	#BFD6D1
33.3%	33.3% #C1D9CF	RGB 193 217 207	#C1D9CF
50.0%	50.0% #C3DBCD	RGB 195 219 205	#C3DBCD
66.7%	66.7% #C5DECB	RGB 197 222 203	#C5DECB
83.3%	83.3% #C7E0C9	RGB 199 224 201	#C7E0C9
100.0%	100.0% #CAE3C7	RGB 202 227 199	#CAE3C7

#BDD4D4 #BFD6D1 #C1D9CF #C3DBCD #C5DECB #C7E0C9 #CAE3C7

#BDD4D4 - #CAE3C7

Mezcla HSV

#BDD4D4 - #CAE3C7 | 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 #BDD4D4 como 0% y #CAE3C7 como 100%.

0.0%	0.0% #BDD4D4	RGB 189 212 212	#BDD4D4
16.7%	16.7% #BED6D2	RGB 190 214 210	#BED6D2
33.3%	33.3% #C0D9CF	RGB 192 217 207	#C0D9CF
50.0%	50.0% #C2DBCD	RGB 194 219 205	#C2DBCD
66.7%	66.7% #C3DECA	RGB 195 222 202	#C3DECA
83.3%	83.3% #C5E0C7	RGB 197 224 199	#C5E0C7
100.0%	100.0% #CAE3C7	RGB 202 227 199	#CAE3C7

#BDD4D4 #BED6D2 #C0D9CF #C2DBCD #C3DECA #C5E0C7 #CAE3C7

#BDD4D4 - #C2DBCD - #CAE3C7

Códigos CSS

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

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